/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

@font-face {
  font-family: 'Quicksand';
  src: url('https://marcliem85.sg-host.com/wp-content/uploads/Quicksand-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Quicksand';
  src: url('https://marcliem85.sg-host.com/wp-content/uploads/Quicksand-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Quicksand';
  src: url('https://marcliem85.sg-host.com/wp-content/uploads/Quicksand-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Quicksand';
  src: url('https://marcliem85.sg-host.com/wp-content/uploads/Quicksand-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Remove focus outline and border globally */
*:focus,
*:focus-visible,
*:focus-within,
input:focus,
button:focus,
textarea:focus {
  outline: none !important;
  box-shadow: none !important;
}

Optional: also remove focus styles on click/tap */
input,
button,
textarea {
  outline: none !important;
  box-shadow: none !important;
}

.brxe-accordion-nested {
  -webkit-tap-highlight-color: transparent;
}

.header__menu {

  /* Selecting only the children of "bricks-nav-menu". */
  .bricks-nav-menu>.menu-item {

    /* The styles will apply only to the child of the last element with the class "menu-item".  */
    &:last-child a {
      background-color: var(--dark);
      color: var(--light);
      padding: var(--space-xs) var(--space-m);
      border-radius: var(--radius-xs);

      /* Button hover style */
      &:hover {
        background-color: var(--dark-90);
        color: var(--light);
      }
    }
  }
}

html.cf-theme-dark body.bricks-is-frontend .hide-on-dark {
  display: none;
}

html.cf-theme-light body.bricks-is-frontend .hide-on-light {
  display: none;
}

.hero-section__list {
  /* Update these variables with the background color and border radius variables you are using. */
  --radius-value: var(--radius-xl);
  --color-background: var(--bg-body);

  &:before {
    content: '';
    width: calc(2 * var(--radius-value));
    height: calc(2 * var(--radius-value));
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    transform: translateY(-100%);
    border-radius: 50%;
    box-shadow: calc(-1 * var(--radius-value)) var(--radius-value) var(--bg-body);
    transition: all .3s ease-in-out;
  }

  &:after {
    content: '';
    width: calc(2 * var(--radius-value));
    height: calc(2 * var(--radius-value));
    background-color: transparent;
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    transform: translateX(100%);
    border-radius: 50%;
    box-shadow: calc(-1 * var(--radius-value)) var(--radius-value) var(--bg-body);
    transition: all .3s ease-in-out;
  }
}

/* -- The root styles must go in the element of the structure with the name "Login form". --*/

.login-page__form {

  /* Styles applied to all checkboxes */
  & .options-wrapper {
    & li {
      display: flex;
      align-items: center;
      flex-wrap: nowrap;
    }

    /* Unique styles for text remember me */
    & label[for="form-field-vkhkoi-0"] {
      font-size: var(--text-s);
      line-height: 100%;
    }
  }

  /* Style link forgot your password */
  & .login-page__form-forgot-password {
    text-align: end;
    font-size: var(--text-s);
    font-weight: 600;
    color: var(--primary);
    line-height: 100%;
  }

  /* Additional styles in inputs with redirection bug in Bricks version 1.10. */
  /* Width styles in inputs */
  .form-group {

    /* 100% width inputs */
    &:nth-of-type(1),
    &:nth-of-type(2) {
      width: 100% !important;
    }

    /* 50% width inputs */
    &:nth-of-type(3),
    &:nth-of-type(4) {
      width: 50% !important;
    }
  }
}

#fkcart-checkout-button {
  padding-top: 17px !important;
  padding-bottom: 17px !important;
}

.fkcart-summary-text strong {
  font-size: 2rem !important;
}

.fkcart-summary-amount strong {
  font-size: 2rem !important;
}

.fkcart-checkout--text,
.fkcart-checkout--price {
  font-weight: 600 !important;
}

/* Default (closed): icon faces right */
.mobile-menu__accordion__icon {
  transition: transform 0.2s ease-in-out;
  transform: rotate(0deg);
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* When accordion is open (via aria-expanded="true"): icon rotates down */
.mobile-menu__accordion__title[aria-expanded="true"] .mobile-menu__accordion__icon {
  transform: rotate(90deg);
  color: var(--primary);
}

.mobile-menu__accordion__title[aria-expanded="true"] .mobile-menu__accordion__heading {
  color: var(--primary);
}

.mobile-menu__accordion__heading,
.mobile-menu__accordion__icon {
  transition: color .2s;
}

.added_to_cart {
  display: none !important;
}

/*-- The root styles must go in the element of the structure with the name "Product price". --*/

.search-result__product-card__price {

  /*-- Styles applied to the "price" class that don't have a child element with the "del" tag, in this way, you can give styles to the regular price without applying to those with sale prices. --*/
  .price:not(:has(del)) bdi {
    color: var(--light);
    font-weight: 700;
  }
}

/* ---- ADDITIONAL INFORMATION FOR SALE TAG ----

- The element in the "Sale container" structure, which is the sale tag, needs to have a "Dynamic data" condition added, and the dynamic data field should be "{woo_product_sale_price}" and not equal (!=). This way, the tag will only be displayed when it has a sale price.

- */

.search-result__product-card__icon-wrapper:hover .search-result__product-card__icon {
  transform: rotate(1deg);
  transition: transform 0.3s ease;
}

.search-result__product-card__icon {
  transition: transform 0.3s ease;
}

.search-result__product-card__taxonomy {
  color: var(--text-title) !important;
}

/* -- The root styles must go in the element of the structure with the name "Tabs". --*/

/* -- Styles for the card of a fade in for each time it is displayed, you can remove it if you don't want it or change it for the one you like. --*/
.megamenu__tab-panel.brx-open {
  animation: fade-in 0.5s ease;
}

/* Animation */
@keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/*
.scrolling .main-header-section {
    margin-top: -20px !important;
  }

.scrolling .above-header__heading {
  display: none !important;
}
*/

.my-account{
  .woocommerce-MyAccount-navigation{
    padding: var(--space-xs);
  }
}

.woocommerce-MyAccount-content {
  background-color: var(--bg-surface) !important;
  border-radius: var(--radius-m);
  padding: var(--space-s) !important;
}

.hiding-form {
  display: none;
}

.accordion-title-wrapper[aria-expanded="true"] i.brxe-icon {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}








/*-- HEADER - MORTAR MEGAMENU --*/

/* target your submenu panel (replace the id if different) */
#brxe-cb10bf,
#brxe-cb10bf .bricks-mega-menu__content,
#brxe-cb10bf .sub-menu,
#brxe-cb10bf .bricks-nav-menu__submenu {
  overflow-y: visible !important;   /* or hidden */
  max-height: none !important;
}

/* optional: if some browsers still render the bar, hide it */
#brxe-cb10bf { scrollbar-width: none; }
#brxe-cb10bf::-webkit-scrollbar { display: none; }

.megamenu-programi__cta-icon-move-right {
  transform: translateX(5px); /* move 5px to the right */
}

/* Overlay element */
.menu-overlay-mortar-megamenu {
  position: fixed;
  inset: 0;
  background: rgba(255, 255, 255, 0.55); /* semi-transparent white */
  backdrop-filter: blur(7px);            /* the blur effect */
  -webkit-backdrop-filter: blur(7px);    /* Safari support */
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s ease, visibility .3s ease;
  z-index: 100;
  pointer-events: none;
}

.menu-overlay-mortar-megamenu.active {
  opacity: 1;
  visibility: visible;
}

/* Keep header & mega menu above overlay */
.site-header {
  position: relative;
  z-index: 200;
}

.tabbed-megamenu__category-block__image__scale:hover {
  transition: transform 0.3s ease;
}








/*-- PRODUCT SINGLE --*/

.woocommerce-product-gallery__image {
  border-radius: var(--radius-l);
}

.reset_variations, .reset_variations_alert {
  display: none !important;
}

span.action.minus {
  border-right: none !important;
  border-radius: var(--radius-m) 0rem 0rem var(--radius-m);
}

span.action.plus {
  border-left: none !important;
  border-radius: 0 var(--radius-m) var(--radius-m) 0rem;
}

.single_add_to_cart_button {
  transition: all 0.1s ease-in-out;
}











/*-- CART PAGE --*/

.checkout-button.button.alt.wc-forward {
  height: 50px;
  transition: all .1s ease-in-out;
}

.woocommerce-shipping-totals.shipping th, td {
  font-size: var(--text-s);
}











/*-- SLIDING CART - BRICKS ULTIMATE --*/

div.woocommerce-variation.single_variation {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  /*-- display: none !important; --*/
}

.fsn-progress-bar {
  border-radius: var(--radius-l) !important;
}











/*-- SLIDING CART - FUNNELKIT --*/

.fkcart-preview-ui {
  border-left: 1px solid #414141;
}














/*-- WHOELSALE SHOP PAGE --*/

div.woocommerce-product-gallery__image.flex-active-slide, img.wp-post-image {
  border-radius: var(--radius-s) !important;
}














/*-- CHECKOUT PAGE --*/

/* -- The root styles must go in the element of the structure with the name "Checkout"(Section). --*/

.checkout {
  /* Form details */
  .checkout__form-details {
    h3 {
      margin-bottom: var(--space-s);
    }

    /* Checkout form  styles*/
    .form-row {
      margin-bottom: var(--space-s);
    }

    #ship-to-different-address label{
      width: 100%;
      padding-inline-end: var(--space-m);
    }

    .checkbox{
      border: none;
    }

    /* Inputs styles */
    .input,
    input:not([type=submit]),
      select,
      textarea {
        border: 1px solid var(--dark-20);
        border-radius: var(--radius-xs);
        padding: var(--space-xs);
        background-color: var(--light);

        &:focus {
          border-color: var(--dark);
        }
    }

    /* 2 column field styles */
    .form-row-first,
    .form-row-last {
      width: calc(50% - var(--space-m)/2);

      @media (max-width: 991px) {
        width: 100%;
      }
    }
  }

  /* Default values of woocommerce fields */
  .form-row-first{
    float:left;
  }

  .form-row-last{
    float:right;
  }

  .form-row-wide{
    clear:both;
  }

  /* Select2 field styles (Region / Département) */
  .select2-container--default .select2-selection--single{
    border: 1px solid var(--dark-20);
    border-radius: var(--radius-xs);
    padding: var(--space-xs);
    height:auto;
  }

  /* Select2 field arrow styles */
  .select2-container--default .select2-selection--single
  .select2-selection__arrow{
    top:50%;
  }

  /* Checkout order details*/
  .checkout__order-review {
    #order_review, thead, tfoot{
      border: none !important;
    }

    /* Review order table styles */
    .woocommerce-checkout-review-order-table{
      background-color: var(--dark-5);
      border-radius: var(--radius-m);
      border: none;

      .cart-subtotal{
        border-bottom: 1px solid var(--dark-10);
      }

      /* Table heading styles */
      thead th{
        padding: var(--space-m) var(--space-m) var(--space-xs) var(--space-m);
      }

      /* Table body styles */
      tbody td{
        padding: var(--space-xs) var(--space-m);
      }

      /* Table footer (total price) styles */
      tfoot :is(td, th){
        padding: var(--space-m);
      }
    }

    /* Checkout payment styles */
    .woocommerce-checkout-payment{
      border-radius: var(--radius-m);

      .payment_box {
        border-radius: var(--radius-s);
      }
    }

    /*- Terms and conditions style -*/
    .woocommerce-form__label-for-checkbox{
      font-size: var(--text-s);
      margin-top: var(--space-s);
      font-weight: 600;
      color: var(--dark);
      display: block;
      border: none;
      width: 100%;
      height: auto;
    }
  }
}

.woocommerce-shipping-fields, .col-2 {
  display: none;
}

#place_order:hover {
  background-color: var(--primary) !important;
}

#place_order {
  transition: all .1s ease-in-out !important;
}

.woocommerce-form-coupon-toggle {
  display: none;
}

.checkout-with-optimizers__block .brxe-bu-cart-item-qty {
  margin-top: -3px !important;
}

div.brxe-container.before-checkout {
  display: none !important;
}

div.p-Input {
  background-color: var(--light);
}

.woocommerce-message {
  display: none !important;
}

.bwfan-birthday-label {
  background-color: var(--light) !important;
}

.wfacp_coupon_input {
  background-color: var(--light) !important;
}

.wfob_text_inner {
  background-color: var(--light);
}

.wfob_skin_description span {
  color: var(--text-body) !important;
}

.wfacp_step_preview .single_preview_inner span {
  color: var(--text-body);
}

.p-CardForm .p-FieldLabel.Label {
  color: var(--text-body) !important;
}

.payment_box.payment_method_fkwcs_stripe {
  background-color: var(--light) !important;
}
  
#place_order::before {
  color: var(--light) !important;
}

.wfacp-row .border {
  border: none !important;
}

div.wfacp_show_icon_wrap {
  color: var(--text-body) !important;
}

span.wfacp_mini_cart_item_title {
  color: var(--text-body) !important;
}

@media (max-width: 768px) {
  /* Apply background and text color to all checkout summary containers */
  .wfacp_order_summary_container,
  .wfacp_order_summary_container * {
    background-color: var(--light) !important;
    color: var(--text-body) !important;
  }

  /* Fix SVGs/icons to match text color */
  .wfacp_order_summary_container svg,
  .wfacp_order_summary_container img {
    fill: var(--text-body) !important;
    color: var(--text-body) !important;
  }

  label.wfacp-form-control-label {
    background-color: transparent !important; /* shorthand */
  }
}

#gpay-button-online-api-id {
  border: 1px solid var(--dark); /* or any color you want */
  border-radius: var(--radius-xs); /* optional: smooth corners */
}

.bwfan_user_consent label {
  font-size: var(--text-s) !important;
}

.woocommerce-terms-and-conditions-checkbox-text {
  font-size: var(--text-s) !important;
}

/* Shipping section font size */
.wfacp_shipping_table,
.wfacp_shipping_table *,
label.wfacp_main_form.label_shiping {
  font-size: var(--text-m) !important;
}

.wfacp_shipping_radio {
  display: flex;
  align-items: center;
  margin-top: 3px; /* moves both radio + text down */
}

/* Move BOTH the radio and its label down by 5px in the shipping table */
.wfacp_shipping_table .wfacp_shipping_radio {
  display: flex;
  align-items: center;          /* keeps them vertically aligned */
}

.wfacp_shipping_table .wfacp_shipping_radio input[type="radio"] {
  transform: translateY(3px);   /* reliably nudges the radio down */
  margin-right: 12px;           /* optional spacing from label */
}

/* If your theme draws custom radio circles on the label, nudge those too */
.wfacp_shipping_table .wfacp_shipping_radio label::before,
.wfacp_shipping_table .wfacp_shipping_radio label::after {
  transform: translateY(3px);
}

.wfacp-form-control::placeholder {
  color: var(--text-body) !important;
  opacity: 0.8; /* ensure browsers like Safari/Firefox don’t fade it */
}













/*-- SHOP PAGE --*/

.add_to_cart_button {
  transition: all .1s ease-in-out;
}

.filters-button-hidden {
  display: none;
}

/* -- CHECKBOX Styles input -- */
.shop-page-with-filters__filter-checkbox {
  --width-checkbox: 20px;
  --bg-checkbox: var(--dark);
  

  /* Label styles */
  label {
    display: flex;
    gap: calc(var(--space-xs) / 2);
    position: relative;
    user-select: none;
    align-items: center;
    
    /* Focus input styles */
    &:focus-within{
      &:before{
        outline-style: solid;
        outline-color: var(--dark);
        outline-width: 0.15rem;
        outline-offset: 0.15em;
      }
    }

    /* Unchecked checkbox styles */
    &:before {
      border-color: var(--bg-checkbox); 
      border-radius: var(--radius-xs);
      border-width: 1px;
      border-style: solid;
      width: var(--width-checkbox);
      height: var(--width-checkbox);
      display: block;
      content: '';
    }
		
    /* Checkbox styles when checked */
    &:has(input[checked="checked"]), &.brx-option-active {
			/* Background checkbox */
      &:before {
        background-color: var(--bg-checkbox);
      }
			
      /* Icon styles in the checkbox */
      &:after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48px' viewBox='0 -960 960 960' width='48px' fill='%23FFFFFF'%3E%3Cpath d='M378-222 130-470l68-68 180 180 383-383 68 68-451 451Z'/%3E%3C/svg%3E");
        background-position: 50%;
        background-size: contain;
        background-repeat: no-repeat;
        width: var(--width-checkbox);
        height: calc(var(--width-checkbox) * .8);
        border: 1px solid transparent;
        position: absolute;
        left: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        content: '';
      }
    }

    /* Input default hidden*/
    input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0;
    }
  }
}


/* -- Radio Styles input -- */
.shop-page-with-filters__filter-radio {
  --width-radio: 20px;
  --bg-radio: var(--dark);

  /* Label styles */
  label {
    display: flex;
    gap: calc(var(--space-xs) / 2);
    position: relative;
    user-select: none;
    align-items: center;
    
    /* Focus input styles */
    &:focus-within{
      &:before{
        outline-style: solid;
        outline-color: var(--dark);
        outline-width: 0.15rem;
        outline-offset: 0.15em;
      }
    }

    /* Unchecked radio styles */
    &:before {
      border-color: var(--bg-radio); 
      border-radius: var(--radius-xl);
      border-width: 1px;
      border-style: solid;
      width: var(--width-radio);
      height: var(--width-radio);
      display: block;
      content: '';
    }
		
    /* Radio styles when checked */
    &:has(input[checked="checked"]) {
			/* Background radio */
      &:before {
        background-color: var(--bg-radio);
      }
			
      /* Icon styles in the radio */
      &:after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48px' viewBox='0 -960 960 960' width='48px' fill='%23FFFFFF'%3E%3Cpath d='M378-222 130-470l68-68 180 180 383-383 68 68-451 451Z'/%3E%3C/svg%3E");
        background-position: 50%;
        background-size: contain;
        background-repeat: no-repeat;
        width: var(--width-radio);
        height: calc(var(--width-radio) * .8);
        border: 1px solid transparent;
        position: absolute;
        left: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        content: '';
      }
    }

    /* Input default hidden*/
    input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0;
    }
  }
}

.card-product-2, .card-product-5 {
  overflow: hidden;
  border-radius: var(--radius-m);
  position: relative;
}

.card-product-2__img-wrapper, .related-products--image-wrapper, .card-product-5__img-wrapper {
  overflow: hidden;
  border-radius: var(--radius-m);
  width: 100%;
  position: relative;
}

.card-product-2__img img, .related-products--image img, .card-product-5__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
  display: block;
  border-radius: var(--radius-m); /* Optional: reinforces radius */
}

.card-product-2:hover .card-product-2__img img, .card-product-5:hover .related-products--image img, .card-product-5:hover .card-product-5__img img {
  transform: scale(1.1);
}













/*-- CONTACT PAGE --*/

.ff-btn-submit {
  background-color: var(--primary) !important;
  transition: all .1s ease-in-out !important;
  font-weight: 600 !important;
  color: var(--light) !important;
  font-size: var(--text-m) !important;
}

.ff-btn-submit:hover {
  background-color: var(--primary-90) !important;
}

.ff-el-input--label label {
  color: var(--text-body) !important;
  font-weight: 600 !important;
  font-size: var(--text-m) !important;
}

.ff_t_c {
  color: var(--text-body) !important;
  font-size: var(--text-s) !important;
}













/*-- ABOUT PAGE --*/

/* -- The root styles must go in the element of the structure with the name "Card". --*/

/* Counter styles for each of the cards */ 
.card-about-benefits-2__wrapper{
  counter-increment: item;

  /* Update these variables with the background color and border radius variables you are using. */
  --radius-value: var(--radius-xl);
  --color-background: var(--light);

  .card-about-benefits-2__count{
    /* -- Counter styles -- */
    &:before{
      content: counter(item);
      font-size: var(--text-l);
      font-weight: 700;
      color: var(--light);
      line-height:1.2;
    }
  }

  /* Inverted border styles to Icon link wrapper */
  .card-about-benefits-2__count-wrapper{
    &:before{
      content: '';
      width: calc(2 * var(--radius-value));
      height: calc(2 * var(--radius-value));
      background-color: transparent;
      position: absolute;
      top: 0;
      left: 0;
      display: flex;
      transform: translateX(-100%);
      border-radius: 50%;
      box-shadow: var(--radius-value) calc(-1 * var(--radius-value)) var(--color-background);
      z-index: -1;
      transition: all 0.3s ease-in-out;
    }

    &:after{
      content: '';
      width: calc(2 * var(--radius-value));
      height: calc(2 * var(--radius-value));
      background-color: transparent;
      position: absolute;
      right: 0;
      bottom: 0;
      display: flex;
      transform: translateY(100%);
      border-radius: 50%;
      box-shadow: var(--radius-value) calc(-1 * var(--radius-value)) var(--color-background);
      z-index: -1;
      transition: all 0.3s ease-in-out;
    }
  }
}













/*-- UPSELL OFFER --*/

/* Match the single-product style for WFOCU variation tables */
.brxe-wfocu-variation-selector table.variations td.label {
  width: 100px !important;        /* shrink-to-content */
  padding-right: var(--space-m);
}

/* Layout: keep qty left of the CTA and centered vertically */
#brxe-eanfdo {
  display: flex;
  align-items: center;
  gap: var(--space-m, 16px);
}

/* Hide the empty label wrapper spacing */
.brxe-wfocu-qty-selector .wfocu-prod-qty-wrapper > label {
  display: none;
}

/* Selector wrapper sizing */
.brxe-wfocu-qty-selector .wfocu-select-wrapper {
  display: inline-block;
}

/* The select itself */
.brxe-wfocu-qty-selector .wfocu-select-qty-input {
  /* size & typography */
  min-width: 64px;              /* wide enough for 2 digits */
  height: 48px;                 /* match your UI scale */
  padding: 0 2.25rem 0 1rem;    /* room for the arrow */
  font-size: 18px;
  line-height: 1;
  font-weight: 500;
  text-align: center;

  /* visuals */
  background: #fff
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238a8a8a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>")
    no-repeat right 12px center;
  background-size: 14px;
  border: 2px solid #e6e6e6;
  border-radius: 16px;          /* rounded corners like screenshot */
  box-shadow: 0 1px 0 rgba(0,0,0,.04);
  
  /* remove native styling */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

/* Hide the IE arrow */
.brxe-wfocu-qty-selector .wfocu-select-qty-input::-ms-expand {
  display: none;
}

/* Hover/Focus states */
.brxe-wfocu-qty-selector .wfocu-select-qty-input:hover {
  border-color: #d4d4d4;
}
.brxe-wfocu-qty-selector .wfocu-select-qty-input:focus {
  outline: none;
  border-color: #cfcfcf;
  box-shadow: 0 0 0 4px rgba(0,0,0,.06);
}

/* Optional: keep a little spacing from the CTA on narrow screens */
@media (max-width: 640px) {
  .brxe-wfocu-qty-selector .wfocu-select-qty-input {
    height: 44px;
    font-size: 16px;
  }
}


















/*-- MOBILE CSS --*/

@media only screen and (max-width: 600px) {
  /*
  .scrolling .main-header-section {
    margin-top: -17px !important;
  }
  */
  
  .input-text.qty.text {
    border-radius: 0 !important;
  }
}