/** Shopify CDN: Minification failed

Line 12:25 Expected identifier but found whitespace
Line 12:27 Unexpected "{"
Line 12:37 Expected ":"
Line 12:65 Expected ":"

**/
/* VARs */

:root {
    --media-border-width: {{ settings.media_border_thickness }}px;

    --ng-color-white: #ffffff;
    --ng-color-black: #000000;
    --ng-color-light-gray: #f3f3f3;
    --ng-color-brand-gold: #C4A768;
    --ng-color-brand-blue: #EDF4FC;
    --ng-color-brand-yellow: #FEF4E9;
    --ng-color-signal-red: #e01300;
}

/* Product detail overrides */

[id^="MainProduct-"] .product__title {
    margin: 0;
}

[id^="MainProduct-"] .product__title h1 {
font-size: 4rem;
}

[id^="MainProduct-"] .subtitle {
    margin: 0;
}

[id^="MainProduct-"] .price .badge {
    display: none;
}

[id^="MainProduct-"] .price__container .price__regular {
    font-size: 2.5rem;
    font-weight: 300;
}

[id^="MainProduct-"] .price__container .price__sale {
    font-size: 2.5rem;
    line-height: 2rem;
    font-weight: 300;
}

[id^="MainProduct-"] .price__container .price__sale .price-item--sale {
    display: block;
    color: var(--ng-color-signal-red);
}

/* Header overrides */

.header__icon:hover .icon,
.header__icon:active .icon,
.header__icon:focus-visible .icon {
    transform: none !important;
}

/* Search overlay overrides */

.search__button:hover .icon,
.search__button:active .icon,
.search__button:focus-visible .icon,
.reset__button:hover .icon,
.reset__button:active .icon,
.reset__button:focus-visible .icon,
.search-modal__close-button:hover .icon,
.search-modal__close-button:active .icon,
.search-modal__close-button:focus-visible .icon,
.modal__close-button:hover .icon,
.modal__close-button:active .icon,
.modal__close-button:focus-visible .icon {
    transform: none !important;
}

/* Variant pill price line */
.product-form__input--pill label {
    display: grid;
    gap: 0.6rem;
}
.variant-pill__text {
    font-weight: 600;
    line-height: 1.5;
}
.variant-pill__price {
    display: block;
    font-size: 0.8em;
    line-height: 1.5;
    color: rgba(var(--color-foreground), 0.7);
    font-weight: 600;
}

/* Selected pill: make the price white */
.product-form__input--pill input:checked + label .variant-pill__price {
    color: var(--ng-color-white);
}

/* Collapsible content: uppercase headlines */
.collapsible-content .accordion__title,
.collapsible-content__heading {
    padding-left: 1rem;
}

/* Collapsible content: increase heading/title font size and letter spacing */
.collapsible-content__heading {
    letter-spacing: 0.06em;
    font-size: 1.12em;
}
.collapsible-content .accordion__title {
    letter-spacing: 0.04em;
     font-size: 1.8rem;
     font-weight: 600;
}
@media screen and (min-width: 750px) {
    .collapsible-content__heading {
        font-size: 1.2em;
    }
    .collapsible-content .accordion__title {
        font-size: 1.8rem;
        font-weight: 600;
    }
}

/* Collapsible content: remove hover/active/focus background on summary */
.collapsible-content summary:hover,
.collapsible-content summary:focus,
.collapsible-content summary:focus-visible,
.collapsible-content summary:active {
    background: transparent !important;
    background-color: transparent !important;
}

/* Collapsible content: underline on hover and when active/open */
.collapsible-content summary:hover .accordion__title {
    text-decoration: underline;
    text-underline-offset: 0.3rem;
}
/* Keep underline for open state */
.collapsible-content details[open] > summary .accordion__title {
    text-decoration: underline;
    text-underline-offset: 0.3rem;
}

/* App overrides */
@media (min-width: 990px) {
    .cbb-frequently-bought-container.cbb-desktop-view {
        width: 75% !important;
    }
}

/* Cart drawer overrides */
.cart-drawer .drawer__inner {
    border-color: transparent;
}

/* ========================================
   CUSTOM VARIANT PICKER ENHANCEMENTS
   ======================================== 
   
   These styles customize the variant picker behavior.
   Safe to update - won't be overwritten by Dawn theme updates.
   
   Features:
   - Circular variant buttons with custom sizing
   - Support for var_selector_preview metafield images
   - 2-character abbreviations for variants without images
   - Hover preview functionality on desktop
   - Enhanced selected value display
   
   Paired with: custom-variant-picker.js
   Modified files: product-variant-picker.liquid, product-variant-options.liquid
   ======================================== */

/* Increase legend font size and enhance selected value display */
:is(.product-form__input--pill, .product-form__input--swatch) .form__label {
  font-size: 1.6rem !important;
}

:is(.product-form__input--pill, .product-form__input--swatch) .form__label [data-selected-value] {
  font-weight: 600 !important;
}

/* Override pill styles: circular buttons with light grey border */
.product-form__input--pill input[type='radio'] + label {
  border: 0.1rem solid #d5d5d5 !important;
  border-radius: 50% !important;
  padding: 1rem !important;
  width: 6rem !important;
  height: 6rem !important;
  justify-content: center !important;
  align-items: center !important;
  vertical-align: top !important;
}

/* Circular variant preview images */
.variant-pill__image {
  border-radius: 50% !important;
  flex-shrink: 0 !important;
}

/* 2-character abbreviation display for variants without images */
.variant-pill__abbr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: 0;
  flex-shrink: 0;
}

/* Ensure consistent sizing for image and abbreviation variants */
.product-form__input--pill input[type='radio'] + label:has(.variant-pill__image):not(:has(.variant-pill__text)),
.product-form__input--pill input[type='radio'] + label:has(.variant-pill__abbr) {
  padding: 1rem !important;
}

/* Desktop hover preview styles */
@media screen and (min-width: 750px) {
  /* Preview state indicator */
  [data-selected-value].is-previewing {
    opacity: 0.7;
    transition: opacity 0.15s ease;
  }

  /* Smooth transitions for variant options */
  .product-form__input--pill input[type='radio'] + label,
  .product-form__input--swatch .swatch-input__label {
    transition:
      background-color 0.15s ease,
      border-color 0.15s ease;
  }

  /* Hover effect: fade background to 70% */
  .product-form__input--pill input[type='radio']:not(:checked) + label:hover {
    background-color: rgba(var(--color-foreground), 0.7) !important;
  }

  /* Make abbreviation text white on hover */
  .product-form__input--pill input[type='radio']:not(:checked) + label:hover .variant-pill__abbr {
    color: var(--ng-color-white) !important;
  }

  /* Swatch hover effect */
  .product-form__input--swatch .swatch-input__input:not(:checked) + .swatch-input__label:hover {
    opacity: 0.8;
  }
}

/* Unavailable/disabled variant styles - reduced transparency */
.product-form__input--pill input[type='radio'].disabled + label,
.product-form__input--pill input[type='radio']:disabled + label {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
}

.product-form__input--swatch .swatch-input__input.disabled + .swatch-input__label,
.product-form__input--swatch .swatch-input__input:disabled + .swatch-input__label,
.product-form__input--swatch .swatch-input__input.visually-disabled + .swatch-input__label {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
}

/* End custom variant picker enhancements */