/** Shopify CDN: Minification failed

Line 380:0 Unexpected "}"

**/
/* 
  LEALE Custom Styles – custom.css

  This file contains all custom CSS overrides and additions 
  for the LEALE Shopify theme. Instead of relying on the theme editor's 
  "Custom CSS" fields, this centralized file ensures better maintainability, 
  portability across theme updates, and cleaner code management.

  -----------------------------------------------

  ⚙️  HOW TO INTEGRATE AFTER A THEME UPGRADE:
  1. Copy this file (assets/custom.css) into the new theme’s Assets folder.
  2. Open layout/theme.liquid and add this line before </head>:
     {{ 'custom.css' | asset_url | stylesheet_tag }}
  3. Save and test to ensure styles are properly applied.

  -----------------------------------------------

  ✅ ORGANIZATION GUIDE:
  - Typography tweaks
  - Header & navigation
  - Product page overrides
  - Buttons & forms
  - Responsive fixes
*/

/* ========== Typography Tweaks ========== */
/* Font sizing */
:root {
  --text-h1: max(
    var(--text-base),
    clamp(
        calc(var(--text-base) + 0.3125rem),
        calc(var(--text-base) + 0.08384rem + 0.975609vw),
        calc(var(--text-base) + 0.9375rem)
      ) * var(--text-heading-size-factor)
  );
  --text-h2: max(
    var(--text-base),
    clamp(
        calc(var(--text-base) + 0.1875rem),
        calc(var(--text-base) + 0.00457rem + 0.780488vw),
        calc(var(--text-base) + 0.6875rem)
      ) * var(--text-heading-size-factor)
  );
  --text-h3: max(
    var(--text-base),
    clamp(
        calc(var(--text-base) + 0.0625rem),
        calc(var(--text-base) - 0.02896rem + 0.390244vw),
        calc(var(--text-base) + 0.3125rem)
      ) * var(--text-heading-size-factor)
  );
  --text-h4: max(
    var(--text-base),
    clamp(
        calc(var(--text-base) - 0.0625rem),
        calc(var(--text-base) - 0.10823rem + 0.195122vw),
        calc(var(--text-base) + 0.0625rem)
      ) * var(--text-heading-size-factor)
  );
  --text-h5: max(
    var(--text-base),
    clamp(
        calc(var(--text-base) - 0.1875rem),
        calc(var(--text-base) - 0.1875rem + 0.1vw),
        calc(var(--text-base) - 0.125rem)
      ) * var(--text-heading-size-factor)
  );
  --text-h6: max(
    var(--text-base),
    clamp(
        calc(var(--text-base) - 0.3125rem),
        calc(var(--text-base) - 0.3125rem + 0.05vw),
        calc(var(--text-base) - 0.25rem)
      ) * var(--text-heading-size-factor)
  );
}

/* Enforce body text style for prices */
sale-price.h4.text-subdued,
sale-price.h6.text-subdued,
sale-price.h4.text-on-sale,
sale-price.h6.text-on-sale,
compare-at-price.h4.text-subdued, 
compare-at-price.h6.text-subdued {
  font-family: var(--text-font-family) !important;
  font-weight: var(--text-font-weight) !important;
  font-style: var(--text-font-style) !important;
} 


/* ========== Header & Navigation ========== */


/* ========== Product Page Overrides ========== */
/* Hide price-list and color swatches globally in every shop the look on mobile*/
shop-the-look-popover price-list,
shop-the-look-popover fieldset.h-stack.wrap.justify-center.gap-1 {
  display: none !important;
}

/* ========== Buttons & Forms ========== */


/* ==========   Kaching Bundles app style overrides  ========== */
/* Fonts */
.kaching-bundles__block-title,
.kaching-bundles__free-gift__text, 
.kaching-bundles__bar-subtitle,
.kaching-bundles__bar-price,
.kaching-bundles__bar-full-price,
.kaching-bundles__bar-unit-price,
.kaching-bundles__bundle-products__title,
.kaching-bundles__bundle-products__price,
.kaching-bundles__bundle-products__full-price,
.kaching-bundles__free-gift__text,
.kaching-bundles__free-gift__full-price,
.kaching-bundles__collection-product__title,
.kaching-bundles__collection-product__link,
.kaching-bundles__choose-product__product-price,
.kaching-bundles__choose-product__product-compare-at-price {
  font-size: var(--text-base) !important;
  font-family: var(--text-font-family) !important;
  font-weight: var(--text-font-weight) !important;
  font-style: var(--text-font-style) !important;
}
.kaching-bundles__free-gift__full-price {
  color: var(--bar-full-price-color, #555) !important;
}
.kaching-bundles__bar-title,
.kaching-bundles__choose-product__heading,
.kaching-bundles__choose-product__product-title,
.kaching-bundles-sticky-atc__title  {
  font-family: var(--heading-font-family) !important;
  font-weight: var(--heading-font-weight) !important;
  font-style: var(--heading-font-style) !important;
  letter-spacing: var(--heading-letter-spacing) !important;
  text-transform: var(--heading-text-transform) !important;
  word-break: inherit !important;
}
.kaching-bundles__bar-title  {
  font-size: var(--text-h4) !important;
}
.kaching-bundles__choose-product__heading {
  font-size: var(--text-h2) !important;
}
.kaching-bundles__choose-product__product-title {
  font-size: var(--text-h5) !important;
}
.kaching-bundles-sticky-atc__title {
  font-size: var(--text-h6) !important;
}

/* Separator line thickness, no borders around bars, uniform spacing */
.kaching-bundles__block-title::before, .kaching-bundles__block-title::after {
  height: 1px !important;
}
.kaching-bundles__bundle-products {
  border: none !important;
}
.kaching-bundles__bar-container {
  box-shadow: none !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.kaching-bundles__bar-container:hover {
  background-color: var(--bar-selected-background-color) !important;
}
.kaching-bundles__bar-wrapper,
.kaching-bundles__free-gift {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.kaching-bundles__free-gift {
  padding-top: 5px !important;
  margin: 0 !important;
}

/* radio styling */
.kaching-bundles__bar-radio {
  width: 15px !important;
  height: 15px !important;
  border-radius: 0 !important;
  box-shadow: 0 0 0 1px !important;
}

/* badge styling */
.kaching-bundles__bar-first-line {
  column-gap: 200px !important;
}
.kaching-bundles__bar-label {
  width: max-content !important;
  font-family: var(--text-font-family) !important;
  font-weight: var(--heading-font-weight) !important;
  font-style: var(--heading-font-style) !important;
  letter-spacing: var(--heading-letter-spacing) !important;
  text-transform: uppercase !important;
  align-items: center !important;
  padding: .0625rem .3125rem !important;
  font-size: .625rem !important;
  display: flex !important;
  background: rgb(var(--custom-badge-background)) !important;
  color: rgb(var(--custom-badge-text)) !important;
}
@media screen and (min-width: 700px) {
  .kaching-bundles__bar-label {
    font-size: .6875rem;
  }
}

/* box gaps gift same as rest */
.kaching-bundles__free-gift__main {
  gap: 16px !important;
}

/* buttons solid and outline below */
.kaching-bundles__collection-product__choose-product-button,
.kaching-bundles__choose-product__product-button,
.kaching-bundles-sticky-atc__button {
  --initial-gradient: linear-gradient(rgb(var(--button-background)), rgb(var(--button-background))) !important;
  --hover-gradient: linear-gradient(transparent, transparent) !important;
  --initial-background-position: var(--transform-origin-end) !important;
  --hover-background-position: var(--transform-origin-start) !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  font: var(--button-font) !important;
  font-weight: var(--text-font-weight) !important;
  text-transform: var(--button-text-transform) !important;
  /* font: var(--button-font) !important; */
  letter-spacing: var(--button-letter-spacing) !important;
  text-shadow: none !important;
  text-align: center !important;
  cursor: pointer !important;
  color: rgb(var(--button-text-color)) !important;
  border: 1px solid rgb(var(--button-outline-color, var(--button-background))) !important;
  border-radius: var(--button-border-radius) !important;
  background-color: #0000 !important;
  background-image: var(--initial-gradient),var(--hover-gradient) !important;
  background-size: 101% 101%,0 101% !important;
  background-position: var(--initial-background-position) !important;
  background-repeat: no-repeat !important;
  justify-content: center !important;
  align-items: center !important;
  column-gap: 1.125rem !important;
  padding: .65rem 1.75rem !important;
  transition: background-size .45s cubic-bezier(.785,.135,.15,.86),background-position .45s step-end,color .45s cubic-bezier(.785,.135,.15,.86),border .45s cubic-bezier(.785,.135,.15,.86) !important;
  /* display: inline-flex !important;
  position: relative !important;
  width: 100% !important !important; */
}
.kaching-bundles__choose-product__product-button,
.kaching-bundles__collection-product__choose-product-button {
  color: rgb(var(--button-background, var(--text-color))) !important;
  --initial-gradient: linear-gradient(transparent, transparent) !important;
  border-color: rgb(var(--button-outline-color, var(--border-color))) !important;
}


/* Choose product popup */
.kaching-bundles__choose-product-modal {
  padding: 0px !important;
  background: rgb(var(--page-overlay)) !important;
}
.kaching-bundles__choose-product {
  border-radius: 0px !important;
  padding: var(--container-gutter) !important;
  background-color: rgb(244 243 240 / 1.0) !important;
}
.kaching-bundles__choose-product__product {
  gap: 10px !important;
  margin-top: 20px !important;
}
.kaching-bundles__choose-product__product-option-names {
  display: none;
}
.kaching-bundles__bar-variant-select,
.kaching-bundles__swatch-dropdown__options {
  background-color: rgb(244 243 240 / 1.0) !important;
}
.kaching-bundles__collection-product__image,
.kaching-bundles__choose-product__product-image,
.kaching-bundles__free-gift__image {
  border-radius: 0px !important;
  border: none !important;
  aspect-ratio: 1/1 !important;
}
.kaching-bundles__free-gift__image {
  height: auto !important;
  width: var(--kaching-collection-breaks-product-photo-size, 40px) !important;
  max-width: none !important;
}

/* Stack product + button on narrow screens, put modal to bottom */
@media (max-width: 700px) {
  .kaching-bundles__choose-product-modal__content {
    position: fixed !important;
    bottom: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
  }
  .kaching-bundles__choose-product__product {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch;
    gap: 12px; /* tweak spacing */
  }
  .kaching-bundles__choose-product__product-container {
    order: 1; /* product first */
  }
  .kaching-bundles__choose-product__product-button {
    order: 2;          /* button after */
    width: 100%;
    align-self: stretch;
  }
}

/* ==========   Judge.Me App Style overrides  ========== */
/* Review Widget */
.jdgm-rev-widg .jdgm-rev-widg__title {
  font-size: var(--text-h2);
  font-family: var(--heading-font-family);
  font-weight: var(--heading-font-weight);
  letter-spacing: var(--heading-letter-spacing);
  text-transform: var(--heading-text-transform);
}
.jdgm-rev-widg .jdgm-form__title {
  font-size: var(--text-h3) !important;
}
.jdgm-rev-widg .jdgm-btn,
.jdgm-rev-widg .jdgm-write-rev-link,
.jdgm-rev-widg .jdgm-ask-question-btn,
.jdgm-ugc-media__secondary-btn {
  text-transform: var(--button-text-transform);
  font: var(--button-font) !important;
  letter-spacing: var(--button-letter-spacing);
  font-weight: 400 !important;
}

/* Testimonials Carousel widget */
.jdgm-testimonials-carousel .jdgm-title,
.jdgm-ugc-media-title h3  {
  font-size: var(--text-h2);
  font-family: var(--heading-font-family);
  font-weight: var(--heading-font-weight);
  letter-spacing: var(--heading-letter-spacing);
  text-transform: var(--heading-text-transform);
}
:has(.jdgm-testimonials-carousel) {
  width: auto !important;
}
.jdgm-testimonials-carousel, 
.jdgm-videos-carousel {
  & .jdgm-text {
    & p {
      overflow: hidden;
    }
  }
}
.jdgm-carousel-item__product-title {
  white-space: wrap !important;
}

/* Reviews Carousel widget */
.jdgm-carousel-item__product-image {
  height: 70px !important;
  aspect-ratio: 1/1 !important;
  object-fit: cover !important;
}
}

