/** Shopify CDN: Minification failed

Line 57:19 Unexpected "*"

**/
/* ============================================
   WRITTEN FOR HER — Dawn Theme Custom CSS
   ============================================
   
 

/* ────────────────────────────────────────────
   1. CSS VARIABLES — Brand Tokens
   ──────────────────────────────────────────── */
:root {
  /* Colors */
  --wfh-black: #0A0A0A;
  --wfh-charcoal: #1A1A1A;
  --wfh-dark-grey: #2A2A2A;
  --wfh-medium-grey: #6B6B6B;
  --wfh-light-grey: #B8B8B8;
  --wfh-off-white: #F5F0EB;
  --wfh-cream: #FDF8F3;
  --wfh-bordeaux: #8B2035;
  --wfh-bordeaux-light: #A82842;
  --wfh-bordeaux-dark: #6B1828;
  --wfh-gold: #C9A96E;
  --wfh-gold-light: #D4BA85;
  --wfh-gold-dark: #B8944F;
  --wfh-rose: #C4868E;

  /* Typography */
  --font-heading: 'Cormorant Garamond', 'Georgia', serif;
  --font-body: 'Outfit', 'Helvetica Neue', sans-serif;

  /* Overriding Dawn's default CSS variables */
  --color-base-background-1: 10, 10, 10;
  --color-base-background-2: 26, 26, 26;
  --color-base-text: 245, 240, 235;
  --color-base-solid-button-labels: 245, 240, 235;
  --color-base-accent-1: 139, 32, 53;
  --color-base-accent-2: 201, 169, 110;
  --gradient-base-background-1: #0A0A0A;
  --gradient-base-background-2: #1A1A1A;
  --gradient-base-accent-1: #8B2035;
  --gradient-base-accent-2: #C9A96E;
}


/* ────────────────────────────────────────────
   2. GLOBAL STYLES
   ──────────────────────────────────────────── */

/* Body & Background */
body,
.shopify-section,
.section-template--*,
main#MainContent {
  background-color: var(--wfh-black) !important;
  color: var(--wfh-off-white) !important;
  font-family: var(--font-body) !important;
  font-weight: 300;
}

/* Remove any white backgrounds Dawn might force */
.color-background-1,
.color-background-2,
.gradient {
  background: var(--wfh-black) !important;
}


/* ────────────────────────────────────────────
   3. TYPOGRAPHY
   ──────────────────────────────────────────── */

/* All headings → Cormorant Garamond */
h1, h2, h3, h4, h5, h6,
.h0, .h1, .h2, .h3, .h4, .h5,
.title, .title--primary {
  font-family: var(--font-heading) !important;
  font-weight: 300 !important;
  color: var(--wfh-off-white) !important;
  letter-spacing: 0.02em;
  line-height: 1.2;
}

/* Product title specifically */
.product__title h1,
.product__title,
h1.product__title {
  font-family: var(--font-heading) !important;
  font-weight: 300 !important;
  font-size: 42px !important;
  color: var(--wfh-off-white) !important;
  letter-spacing: 0.03em;
}

/* Section headings */
.section-header__title,
.title-wrapper .title,
.rich-text__heading,
h2.rich-text__heading {
  font-family: var(--font-heading) !important;
  font-weight: 300 !important;
  color: var(--wfh-off-white) !important;
}

/* Body text */
body,
p,
.rte,
.product__description,
.rich-text__text,
span,
li,
label {
  font-family: var(--font-body) !important;
  font-weight: 300;
  color: var(--wfh-off-white);
}

/* Subtitle / small text */
.subtitle,
.caption,
.product__text,
.announcement-bar__message {
  font-family: var(--font-body) !important;
  font-weight: 400;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 11px;
}


/* ────────────────────────────────────────────
   4. HEADER / NAVIGATION
   ──────────────────────────────────────────── */

.section-header,
.header-wrapper,
header.header {
  background-color: var(--wfh-black) !important;
  border-bottom: 1px solid var(--wfh-dark-grey) !important;
}

/* Header logo area */
.header__heading-link {
  color: var(--wfh-off-white) !important;
}

/* Nav links */
.header__menu-item,
.header__menu-item span,
.list-menu__item--link {
  font-family: var(--font-body) !important;
  font-weight: 400 !important;
  font-size: 13px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--wfh-light-grey) !important;
  transition: color 0.3s ease !important;
}

.header__menu-item:hover,
.header__menu-item:hover span {
  color: var(--wfh-gold) !important;
}

/* Cart icon */
.header__icon,
.header__icon .icon {
  color: var(--wfh-off-white) !important;
}

/* Announcement bar */
.announcement-bar {
  background-color: var(--wfh-bordeaux) !important;
  color: var(--wfh-off-white) !important;
  border: none !important;
}

.announcement-bar__message,
.announcement-bar a {
  color: var(--wfh-off-white) !important;
  font-family: var(--font-body) !important;
  font-weight: 400 !important;
  letter-spacing: 0.12em !important;
  font-size: 11px !important;
}


/* ────────────────────────────────────────────
   5. BUTTONS
   ──────────────────────────────────────────── */

/* Primary button (ATC, CTA) */
.button,
.shopify-payment-button button,
.product-form__submit,
button.button--primary,
.button--primary {
  background-color: var(--wfh-bordeaux) !important;
  color: var(--wfh-off-white) !important;
  font-family: var(--font-body) !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 16px 36px !important;
  transition: all 0.3s ease !important;
  min-height: 52px !important;
}

.button:hover,
.shopify-payment-button button:hover,
.product-form__submit:hover,
.button--primary:hover {
  background-color: var(--wfh-bordeaux-light) !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 20px rgba(139, 32, 53, 0.3) !important;
}

/* Secondary button */
.button--secondary {
  background-color: transparent !important;
  border: 1px solid var(--wfh-gold) !important;
  color: var(--wfh-gold) !important;
  font-family: var(--font-body) !important;
  font-weight: 500 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  border-radius: 6px !important;
}

.button--secondary:hover {
  background-color: var(--wfh-gold) !important;
  color: var(--wfh-black) !important;
}

/* Shopify dynamic checkout button */
.shopify-payment-button__button--unbranded {
  background-color: var(--wfh-bordeaux) !important;
  color: var(--wfh-off-white) !important;
  border-radius: 6px !important;
}


/* ────────────────────────────────────────────
   6. PRODUCT PAGE
   ──────────────────────────────────────────── */

/* Product section background */
.product,
.section-template--product,
.product-section {
  background-color: var(--wfh-black) !important;
}

/* Price */
.price-item,
.price-item--regular,
.price-item--sale,
.product__price .price,
.price .money,
.price__regular .price-item {
  font-family: var(--font-heading) !important;
  font-weight: 600 !important;
  color: var(--wfh-gold) !important;
  font-size: 28px !important;
}

/* Compare at price (barré) */
.price-item--regular s,
.price--on-sale .price-item--regular,
.price .price-item--regular {
  color: var(--wfh-medium-grey) !important;
  font-size: 18px !important;
}

/* Sale badge */
.badge,
.price__badge-sale {
  background-color: var(--wfh-bordeaux) !important;
  color: var(--wfh-off-white) !important;
  font-family: var(--font-body) !important;
  font-weight: 500 !important;
  letter-spacing: 0.05em;
  border-radius: 4px !important;
}

/* Product description */
.product__description,
.product__description p,
.product__description li {
  font-family: var(--font-body) !important;
  font-weight: 300 !important;
  color: var(--wfh-light-grey) !important;
  font-size: 15px !important;
  line-height: 1.8 !important;
}

/* Product media / images */
.product__media-wrapper {
  border-radius: 12px !important;
  overflow: hidden;
}

.product__media {
  border-radius: 12px !important;
}

/* Quantity selector */
.quantity__input,
.quantity__button {
  background-color: var(--wfh-charcoal) !important;
  color: var(--wfh-off-white) !important;
  border-color: var(--wfh-dark-grey) !important;
}


/* ────────────────────────────────────────────
   7. RICH TEXT SECTIONS (landing page content)
   ──────────────────────────────────────────── */

.rich-text,
.rich-text-section {
  background-color: var(--wfh-black) !important;
}

.rich-text__heading {
  font-family: var(--font-heading) !important;
  font-weight: 300 !important;
  color: var(--wfh-off-white) !important;
}

.rich-text__text p,
.rich-text__text {
  font-family: var(--font-body) !important;
  color: var(--wfh-light-grey) !important;
  font-weight: 300 !important;
  line-height: 1.8 !important;
}

/* Italics in headings → gold */
.rich-text__heading em,
h1 em, h2 em, h3 em {
  color: var(--wfh-gold) !important;
  font-style: italic;
  font-weight: 600 !important;
}


/* ────────────────────────────────────────────
   8. IMAGE WITH TEXT SECTIONS
   ──────────────────────────────────────────── */

.image-with-text,
.image-with-text__content {
  background-color: var(--wfh-black) !important;
}

.image-with-text__heading {
  font-family: var(--font-heading) !important;
  color: var(--wfh-off-white) !important;
}

.image-with-text__text p {
  color: var(--wfh-light-grey) !important;
}


/* ────────────────────────────────────────────
   9. TESTIMONIALS / REVIEWS
   ──────────────────────────────────────────── */

/* Star ratings → gold */
.spr-icon,
.shopify-product-reviews .spr-icon,
.jdgm-star,
.stamped-fa-star {
  color: var(--wfh-gold) !important;
}

/* Review text */
.spr-review-content-body,
.jdgm-rev__body {
  font-family: var(--font-body) !important;
  color: var(--wfh-light-grey) !important;
}


/* ────────────────────────────────────────────
   10. COLLAPSIBLE CONTENT / FAQ
   ──────────────────────────────────────────── */

.collapsible-content,
.accordion {
  background-color: var(--wfh-black) !important;
}

.collapsible-content__heading,
.accordion__title,
details summary {
  font-family: var(--font-heading) !important;
  color: var(--wfh-off-white) !important;
  border-color: var(--wfh-dark-grey) !important;
}

.accordion__content,
details .rte p {
  font-family: var(--font-body) !important;
  color: var(--wfh-light-grey) !important;
}

/* Divider lines */
.collapsible-content summary,
.accordion details {
  border-bottom-color: var(--wfh-dark-grey) !important;
}


/* ────────────────────────────────────────────
   11. FOOTER
   ──────────────────────────────────────────── */

.footer,
.section-footer,
footer {
  background-color: var(--wfh-black) !important;
  border-top: 1px solid var(--wfh-dark-grey) !important;
  color: var(--wfh-medium-grey) !important;
}

.footer__title,
.footer-block__heading {
  font-family: var(--font-heading) !important;
  color: var(--wfh-off-white) !important;
  font-weight: 400 !important;
}

.footer a,
.footer-block__details-content a {
  color: var(--wfh-light-grey) !important;
  transition: color 0.3s ease;
}

.footer a:hover {
  color: var(--wfh-gold) !important;
}

/* Newsletter input */
.footer__newsletter input[type="email"],
.newsletter-form__field-wrapper input {
  background-color: var(--wfh-charcoal) !important;
  border: 1px solid var(--wfh-dark-grey) !important;
  color: var(--wfh-off-white) !important;
  border-radius: 6px !important;
  font-family: var(--font-body) !important;
}

.footer__newsletter .newsletter-form__button,
.newsletter-form__button {
  background-color: var(--wfh-bordeaux) !important;
  color: var(--wfh-off-white) !important;
}


/* ────────────────────────────────────────────
   12. FORMS & INPUTS
   ──────────────────────────────────────────── */

input, select, textarea,
.field__input,
.select__select {
  background-color: var(--wfh-charcoal) !important;
  border: 1px solid var(--wfh-dark-grey) !important;
  color: var(--wfh-off-white) !important;
  font-family: var(--font-body) !important;
  font-weight: 300 !important;
  border-radius: 6px !important;
  transition: border-color 0.3s ease !important;
}

input:focus, select:focus, textarea:focus,
.field__input:focus {
  border-color: var(--wfh-gold) !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(201, 169, 110, 0.15) !important;
}

label,
.field__label {
  font-family: var(--font-body) !important;
  color: var(--wfh-light-grey) !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}


/* ────────────────────────────────────────────
   13. SCROLLBAR (detail premium)
   ──────────────────────────────────────────── */

::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  background: var(--wfh-black);
}

::-webkit-scrollbar-thumb {
  background: var(--wfh-dark-grey);
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--wfh-bordeaux);
}


/* ────────────────────────────────────────────
   14. SELECTION COLOR
   ──────────────────────────────────────────── */

::selection {
  background-color: rgba(139, 32, 53, 0.4);
  color: var(--wfh-off-white);
}


/* ────────────────────────────────────────────
   15. LINKS
   ──────────────────────────────────────────── */

a {
  color: var(--wfh-gold) !important;
  transition: color 0.3s ease;
  text-decoration: none !important;
}

a:hover {
  color: var(--wfh-gold-light) !important;
}

/* Product page links keep off-white */
.product a,
.breadcrumb a {
  color: var(--wfh-light-grey) !important;
}


/* ────────────────────────────────────────────
   16. CART DRAWER / CART PAGE
   ──────────────────────────────────────────── */

.cart-drawer,
.drawer,
cart-drawer {
  background-color: var(--wfh-charcoal) !important;
}

.cart-item__name,
.cart-item__price {
  color: var(--wfh-off-white) !important;
  font-family: var(--font-body) !important;
}

.cart__cta .button {
  background-color: var(--wfh-bordeaux) !important;
}


/* ────────────────────────────────────────────
   17. MOBILE RESPONSIVE TWEAKS
   ──────────────────────────────────────────── */

@media (max-width: 749px) {
  .product__title h1,
  .product__title {
    font-size: 32px !important;
  }

  .price-item,
  .price-item--sale {
    font-size: 24px !important;
  }

  .button,
  .product-form__submit {
    padding: 14px 24px !important;
    font-size: 12px !important;
    width: 100% !important;
  }

  h2, .h2,
  .rich-text__heading {
    font-size: 28px !important;
  }
}


/* ────────────────────────────────────────────
   18. DAWN-SPECIFIC OVERRIDES
   ──────────────────────────────────────────── */

/* Remove Dawn's default borders and shadows */
.card,
.card--card,
.card--standard {
  background-color: var(--wfh-charcoal) !important;
  border: 1px solid var(--wfh-dark-grey) !important;
  border-radius: 12px !important;
}

/* Page width spacing */
.page-width {
  max-width: 1200px;
}

/* Section padding */
.section-template--product .product {
  padding-top: 40px;
  padding-bottom: 40px;
}

/* Remove any white gaps between sections */
.shopify-section + .shopify-section {
  margin-top: 0 !important;
}

.shopify-section {
  background-color: var(--wfh-black) !important;
}

/* Skeleton loading → dark */
.placeholder,
.media--placeholder {
  background-color: var(--wfh-charcoal) !important;
}

/* ============================================
   PATCH V4 — NUCLEAR FIX Announcement Bar
   
   Coller à la FIN de custom.css
   ============================================ */

/* Force le bordeaux sur TOUT — de la section au texte */
#shopify-section-announcement-bar,
.shopify-section--announcement-bar,
.shopify-section-announcement-bar,
[id*="section-announcement"],
[class*="section-announcement"],
[class*="announcement-bar-section"] {
  background-color: var(--wfh-bordeaux) !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(-50vw + 50%) !important;
  position: relative !important;
  left: 0 !important;
  right: 0 !important;
}

/* La barre elle-même */
.announcement-bar {
  background-color: var(--wfh-bordeaux) !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
}

/* Le lien / wrapper interne */
.announcement-bar__link,
.announcement-bar > a,
.announcement-bar > div {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  padding: 10px 20px !important;
  margin: 0 !important;
  min-height: 0 !important;
}

/* Le texte */
.announcement-bar__message,
.announcement-bar__message p,
.announcement-bar p,
.announcement-bar span {
  color: var(--wfh-off-white) !important;
  font-family: var(--font-body) !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  white-space: normal !important;
  line-height: 1.4 !important;
  text-align: center !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Desktop */
@media (min-width: 750px) {
  .announcement-bar__link,
  .announcement-bar > a,
  .announcement-bar > div {
    padding: 10px 40px !important;
  }

  .announcement-bar__message,
  .announcement-bar__message p,
  .announcement-bar p,
  .announcement-bar span {
    font-size: 13px !important;
    letter-spacing: 0.18em !important;
  }
}

/* Mobile — un poil plus petit mais lisible */
@media (max-width: 749px) {
  .announcement-bar__link,
  .announcement-bar > a,
  .announcement-bar > div {
    padding: 8px 16px !important;
  }

  .announcement-bar__message,
  .announcement-bar__message p,
  .announcement-bar p,
  .announcement-bar span {
    font-size: 11px !important;
    letter-spacing: 0.1em !important;
  }
}