/*
 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: 'Source Sans 3';
  src: url('https://goldfish.hr/wp-content/uploads/SourceSans3-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Source Sans 3';
  src: url('https://goldfish.hr/wp-content/uploads/SourceSans3-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Source Sans 3';
  src: url('https://goldfish.hr/wp-content/uploads/SourceSans3-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Cormorant Garamond';
  src: url('https://goldfish.hr/wp-content/uploads/CormorantGaramond-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 !important;
}








/*-- HOMEPAGE --*/

.card-product-5__tax {
  font-size: var(--text-s);
}

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

.hero-77__img-wrapper {
  /* Styles applied to first and last image */
  &:first-child, &:last-child{
		transform: rotateZ(5deg);
  }
  
  /* Styles applied to the second and third images */
  &:nth-child(2), &:nth-child(3){
		transform: rotateZ(-5deg);
  }
}

.categories-grid__block {
  overflow: hidden;
  border-radius: var(--radius-m);
  position: relative;
}

.categories-grid__block-image {
  overflow: hidden;
  border-radius: var(--radius-m);
  aspect-ratio: 4 / 3;
  width: 100%;
  position: relative;
}

.categories-grid__block-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
  border-radius: var(--radius-m);
}

.categories-grid__block-image::after {
  content: "";
  position: absolute;
  inset: 0;
  transition: background-color 0.3s ease;
  border-radius: var(--radius-m);
  z-index: 1;
  pointer-events: none;
}

/* Image zoom effect */
.categories-grid__block:hover .categories-grid__block-image img {
  transform: scale(1.1);
}

/* YELLOW */
.overlay-yellow::after {
  background-color: rgba(248, 238, 190, 0.87);
}
.categories-grid__block:hover .overlay-yellow::after {
  background-color: rgba(248, 238, 190, 0.92);
}

/* RED */
.overlay-red::after {
  background-color: rgba(248, 210, 210, 0.87);
}
.categories-grid__block:hover .overlay-red::after {
  background-color: rgba(248, 210, 210, 0.92);
}

/* GREEN */
.overlay-green::after {
  background-color: rgba(210, 248, 210, 0.87);
}
.categories-grid__block:hover .overlay-green::after {
  background-color: rgba(210, 248, 210, 0.92);
}

/* BLUE */
.overlay-blue::after {
  background-color: rgba(210, 228, 248, 0.87);
}
.categories-grid__block:hover .overlay-blue::after {
  background-color: rgba(210, 228, 248, 0.92);
}

/* PINK */
.overlay-pink::after {
  background-color: rgba(248, 210, 238, 0.87);
}
.categories-grid__block:hover .overlay-pink::after {
  background-color: rgba(248, 210, 238, 0.92);
}

/* ORANGE */
.overlay-orange::after {
  background-color: rgba(248, 225, 190, 0.87);
}
.categories-grid__block:hover .overlay-orange::after {
  background-color: rgba(248, 225, 190, 0.92);
}

/* PURPLE */
.overlay-purple::after {
  background-color: rgba(225, 210, 248, 0.87);
}
.categories-grid__block:hover .overlay-purple::after {
  background-color: rgba(225, 210, 248, 0.92);
}

/* TEAL */
.overlay-teal::after {
  background-color: rgba(190, 248, 240, 0.87);
}
.categories-grid__block:hover .overlay-teal::after {
  background-color: rgba(190, 248, 240, 0.92);
}

.wolt__container {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* subtle shadow */
}

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











/*-- PRODUCT SINGLE --*/

.woocommerce-product-gallery__image, .wp-post-image {
  border-radius: 1rem !important;
}

.woocommerce-product-gallery__image.flex-active-slide {
  border-radius: 1rem !important;
}

.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;
}

/*-- 
ul#shipping_method label {
  font-weight: 300 !important;
}
--*/

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

body.woocommerce-cart .woocommerce-Price-amount.amount {
  font-size: var(--text-m);
}

body.woocommerce-cart .includes_tax {
  font-size: var(--text-s);
}

body.woocommerce-cart .includes_tax .woocommerce-Price-amount.amount {
  font-size: var(--text-s);
} 

body.woocommerce-cart .woocommerce-shipping-totals .woocommerce-Price-amount.amount {
  font-size: var(--text-s);
}

body.woocommerce-cart .order-total > td > strong > .woocommerce-Price-amount.amount {
  font-weight: 700;
}

body.woocommerce-cart tr.cart-subtotal .woocommerce-Price-amount.amount {
  font-size: var(--text-s);
  font-weight: 500;
}










/*-- SLIDE CART --*/

a.fkcart-item-title {
  font-size: var(--text-m) !important;
  font-weight: 500 !important;
}

.fkcart-checkout--text, .fkcart-checkout--price {
  font-size: var(--text-l) !important;
  font-weight: 500 !important;
}

.fkcart-checkout--icon {
  scale: 1.2 !important;
}

#fkcart-checkout-button {
  padding-top: var(--space-m) !important;
  padding-bottom: var(--space-m) !important;
}

#fkcart-checkout-button:hover {
  background-color: var(--primary) !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;
}

.woocommerce-form__label-for-checkbox {
    display: block !important;
    width: 100% !important;
    border: none !important;
}

body.woocommerce-checkout .input-text::placeholder {
  color: var(--text-body); /* Replace with your desired color */
  opacity: 0.65 !important;
}

body.woocommerce-checkout .border {
    border: none !important;
}

/* Target WooCommerce checkout page only */
body.woocommerce-checkout #coupon_code::placeholder {
  font-size: var(--text-s) !important; 
  opacity: 0.65 !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 p {
  color: var(--text-body) !important;
}

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

#gls-map-button,
.dugme-gls_shipping_method_parcel_locker {
  margin-top: 5px;
  padding: 3px 7px 3px 7px;
  border-radius: var(--radius-xs);
  background-color: var(--primary);
  color: var(--light) !important;
}

.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(--text-body);
}

#box_now_delivery_button {
  margin-top: 5px;
  margin-left: 25px !important;
  padding: 3px 7px 3px 7px;
  border-radius: var(--radius-xs);
  background-color: var(--primary);
  color: var(--light) !important;
}

#box_now_selected_locker_details,
#box_now_selected_locker_details * {
  color: #000000 !important;
}

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




















/*-- 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);
        color: var(--dark) !important;
      }
			
      /* 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, .hero-77__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, .hero-77__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, .hero-77__img:hover {
  transform: scale(1.1);
}

/* ===============================
   OUT OF STOCK — BRICKS CARD PRODUCT
   HR: "Pročitaj više"  → RASPRODANO
   EN: "Read more"      → Sold out
   Detected via button WITHOUT .add_to_cart_button
   =============================== */

/* 1) Base selector: any card whose CTA is "read more" style
      (button is .product_type_simple but NOT .add_to_cart_button) */

.shop-page-with-filters__grid 
.card-product-2__wrapper:has(
  .card-product-2__add-cart a.button.product_type_simple:not(.add_to_cart_button)
) .card-product-2__img {
  position: relative;
  overflow: hidden;
}

/* Optional: dim the image on out-of-stock cards (both languages) */

.shop-page-with-filters__grid 
.card-product-2__wrapper:has(
  .card-product-2__add-cart a.button.product_type_simple:not(.add_to_cart_button)
) .card-product-2__img img {
  /* filter: grayscale(100%); */
  /* opacity: 0.6; */
}

/* 2) Base ribbon styling (shared for all languages).
      Text content will be overridden per-language below. */

.shop-page-with-filters__grid 
.card-product-2__wrapper:has(
  .card-product-2__add-cart a.button.product_type_simple:not(.add_to_cart_button)
) .card-product-2__img::after {
  content: "RASPRODANO"; /* default (Croatian) – will be overridden on EN */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  background: rgba(255, 255, 255, 0.9);
  color: #000;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.2;
  padding: 6px 0;
  width: 180%;
  z-index: 5;
  pointer-events: none;
  box-shadow: 0 0 6px rgba(0,0,0,.15);
  border-top: 1px solid rgba(0,0,0,.05);
  border-bottom: 1px solid rgba(0,0,0,.05);
}

/* 3) Language-specific text */

/* Croatian pages – <html lang="hr" or "hr-HR"> */
html[lang^="hr"] 
.shop-page-with-filters__grid 
.card-product-2__wrapper:has(
  .card-product-2__add-cart a.button.product_type_simple:not(.add_to_cart_button)
) .card-product-2__img::after {
  content: "RASPRODANO";
}

/* English pages – <html lang="en" or "en-GB/en-US/..."> */
html[lang^="en"] 
.shop-page-with-filters__grid 
.card-product-2__wrapper:has(
  .card-product-2__add-cart a.button.product_type_simple:not(.add_to_cart_button)
) .card-product-2__img::after {
  content: "Sold out";
}

/* 4) Optional: soften / disable CTA on out-of-stock cards (both languages) */

.shop-page-with-filters__grid 
.card-product-2__wrapper:has(
  .card-product-2__add-cart a.button.product_type_simple:not(.add_to_cart_button)
) .card-product-2__add-cart a.button {
  opacity: 0.7;
  cursor: default;
}















/*-- 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 {
  font-family: cormorant garamond;
  color: var(--text-body) !important;
  font-weight: 500 !important;
  font-size: var(--text-m) !important;
}

@media only screen and (max-width: 600px) {
  .ff-el-input--label label {
     font-size: var(--text-l) !important; 
  }
}

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













/*-- 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;
    }
  }
}


















/*-- 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;
  }
}