/* ============================================================
   DARTEE — FINAL COLOR RHYTHM LAYER
   Loaded LAST. Backgrounds, type color, buttons, transitions.
   Four colors only: cream, deep green, pink accent, soft white.
   No patterns, no per-section identities. One editorial canvas.
   ============================================================ */

.dartee-home {
  --cr-cream: #F4F0E6;
  --cr-cream-2: #EAE4D8;
  --cr-white: #FCFBF7;
  --cr-green: #082A24;
  --cr-green-hi: #0B3A31;
  --cr-pink: #EC4D8B;
  --cr-body-on-cream: color-mix(in oklab, #082A24 82%, #F4F0E6);
  --cr-body-on-green: color-mix(in oklab, #F4F0E6 80%, #082A24);
}

/* ---------- 1. KILL EVERY BACKGROUND PATTERN ---------- */
.dartee-home section,
.dartee-home .proofstrip,
.dartee-home .quotebreak,
.dartee-home .closer,
.dartee-home .emailcap,
.dartee-home .videoband,
.dartee-home .munisec,
.dartee-home .wtdsec,
.dartee-home .collsec,
.dartee-home .marksec,
.dartee-home .kitsec,
.dartee-home .storysec,
.dartee-home .founders,
.dartee-home .guarantee,
.dartee-home .faq {
  background-image: none !important;
}
.dartee-home section:not(.hero):not(.lifesec):not(.wtdsec):not(.storysec):not(.videoband):not(.warsec)::before,
.dartee-home section:not(.hero):not(.lifesec):not(.wtdsec):not(.storysec):not(.videoband):not(.warsec)::after,
.dartee-home .proofstrip::before,
.dartee-home .proofstrip::after,
.dartee-home .quotebreak::before,
.dartee-home .quotebreak::after,
.dartee-home .closer::before,
.dartee-home .closer::after,
.dartee-home .emailcap::before,
.dartee-home .emailcap::after,
.dartee-home .munisec::before,
.dartee-home .munisec::after,
.dartee-home .collsec::before,
.dartee-home .collsec::after,
.dartee-home .marksec::before,
.dartee-home .marksec::after,
.dartee-home .kitsec::before,
.dartee-home .kitsec::after {
  background-image: none !important;
  content: none !important;
}
/* keep hero/photo overlays alive */
.dartee-home .hero::before,
.dartee-home .hero::after,
.dartee-home .lifesec::before,
.dartee-home .lifesec::after,
.dartee-home .warsec::before,
.dartee-home .storysec::before {
  content: "" !important;
}

/* ---------- 2. CHAPTERS ---------- */
/* CREAM chapter A: proof -> see it -> best sellers */
.dartee-home .proofstrip,
.dartee-home .videoband,
.dartee-home #best-sellers { background-color: var(--cr-cream) !important; }

/* PHOTO: golf has enough rules (lifesec) — untouched, photography-led */

/* CREAM chapter B: muni */
.dartee-home .munisec { background-color: var(--cr-cream) !important; }

/* PHOTO: more than a belt (wtdsec) */
.dartee-home .wtdsec { background-color: var(--cr-cream) !important; }

/* GREEN pause: The Dartee Standard */
.dartee-home .quotebreak { background-color: var(--cr-green) !important; }

/* CREAM chapter C: collections -> mark it -> founders -> reviews */
.dartee-home .collsec,
.dartee-home #kit,
.dartee-home .founders,
.dartee-home .guarantee { background-color: var(--cr-cream) !important; }
.dartee-home .marksec { background-color: var(--cr-white) !important; }

/* GREEN campaign moment: Built to last / Dart */
.dartee-home .warsec { background-color: var(--cr-green) !important; }

/* PHOTO: our story — no decorative container */
.dartee-home .storysec { background-color: var(--cr-cream) !important; }

/* CREAM: complete your kit -> FAQ read as one continuous section */
.dartee-home #kit { padding-bottom: clamp(28px, 3vw, 40px) !important; }
.dartee-home .faq {
  background-color: var(--cr-cream) !important;
  border-top: 0 !important;
  padding-top: clamp(24px, 2.5vw, 36px) !important;
}

/* FINAL GREEN statement + brand quote = one moment */
.dartee-home .closer,
.dartee-home .closer--v2 {
  background-color: var(--cr-green) !important;
  border: 0 !important;
}

/* HARD RELEASE: green -> cream newsletter */
.dartee-home .emailcap,
.dartee-home .emailcap--v2 {
  background-color: var(--cr-cream) !important;
  border-top: 0 !important;
}

/* ---------- 3. REMOVE SLIDE CONTAINERS ---------- */
.dartee-home .founders-card,
.dartee-home .marksec__inner,
.dartee-home .collsec .wrap,
.dartee-home .kitsec .wrap,
.dartee-home .quotebreak .wrap,
.dartee-home .closer__inner,
.dartee-home .emailcap__inner {
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
.dartee-home .founders-card,
.dartee-home .quotebreak .wrap { border: 0 !important; }

/* ---------- 4. TYPE COLOR ---------- */
.dartee-home .proofstrip,
.dartee-home #best-sellers,
.dartee-home .munisec,
.dartee-home .collsec,
.dartee-home .marksec,
.dartee-home .founders,
.dartee-home .guarantee,
.dartee-home .kitsec,
.dartee-home .faq,
.dartee-home .emailcap { color: var(--cr-body-on-cream) !important; }

.dartee-home .munisec h2,
.dartee-home .collsec h2,
.dartee-home .marksec h2,
.dartee-home .founders h2,
.dartee-home .guarantee h2,
.dartee-home .kitsec h2,
.dartee-home .faq h2,
.dartee-home .emailcap h2,
.dartee-home #best-sellers h2,
.dartee-home .faq summary,
.dartee-home .faq h3 { color: var(--cr-green) !important; }

.dartee-home .proofstrip p,
.dartee-home .munisec p,
.dartee-home .collsec p,
.dartee-home .marksec p,
.dartee-home .founders p,
.dartee-home .guarantee p,
.dartee-home .kitsec p,
.dartee-home .faq p,
.dartee-home .emailcap p { color: var(--cr-body-on-cream) !important; }

.dartee-home .eyebrow,
.dartee-home .munisec__eyebrow,
.dartee-home .marksec__eyebrow,
.dartee-home .collsec__eyebrow,
.dartee-home .kitsec__eyebrow { color: var(--cr-pink) !important; }

/* on green */
.dartee-home .quotebreak,
.dartee-home .warsec,
.dartee-home .closer { color: var(--cr-body-on-green) !important; }
.dartee-home .quotebreak__quote,
.dartee-home .warsec__title,
.dartee-home .closer__title { color: var(--cr-cream) !important; }
.dartee-home .warsec__sub,
.dartee-home .closer__sub { color: var(--cr-body-on-green) !important; }
.dartee-home .quotebreak__eyebrow,
.dartee-home .warsec__eyebrow { color: var(--cr-pink) !important; }
.dartee-home .closer__pin { color: var(--cr-pink) !important; }
.dartee-home .closer__sig blockquote { color: var(--cr-body-on-green) !important; }

/* no generic gray anywhere */
.dartee-home .meta,
.dartee-home .muted,
.dartee-home .fine,
.dartee-home .emailcap__fine { color: color-mix(in oklab, #082A24 62%, #F4F0E6) !important; }

/* ---------- 5. BUTTON SYSTEM ---------- */
/* light sections: primary = green fill */
.dartee-home #best-sellers .btn--primary,
.dartee-home .collsec .btn--primary,
.dartee-home .kitsec .btn--primary,
.dartee-home .emailcap__btn,
.dartee-home .marksec .btn--primary {
  background: var(--cr-green) !important;
  border-color: var(--cr-green) !important;
  color: var(--cr-cream) !important;
}
.dartee-home #best-sellers .btn--primary:hover,
.dartee-home .collsec .btn--primary:hover,
.dartee-home .kitsec .btn--primary:hover,
.dartee-home .emailcap__btn:hover { background: var(--cr-green-hi) !important; }

/* light secondary / outline */
.dartee-home .btn--outline {
  background: transparent !important;
  color: var(--cr-green) !important;
  border-color: color-mix(in oklab, #082A24 28%, transparent) !important;
}
.dartee-home .btn--outline:hover { border-color: var(--cr-green) !important; }

/* dark sections: primary = cream fill */
.dartee-home .warsec__cta,
.dartee-home .closer__cta {
  color: var(--cr-cream) !important;
  border-bottom-color: var(--cr-pink) !important;
}

/* no pink conversion buttons */
.dartee-home .btn[style*="EC4D8B"],
.dartee-home .btn--pink {
  background: var(--cr-green) !important;
  border-color: var(--cr-green) !important;
  color: var(--cr-cream) !important;
}

/* ---------- 6. QUIET SEPARATORS ---------- */
.dartee-home .proofstrip { border-top: 0 !important; border-bottom: 0 !important; }
.dartee-home .proofstrip__sep { color: var(--cr-pink) !important; opacity: .7; }
.dartee-home hr,
.dartee-home .rule { background: color-mix(in oklab, #082A24 14%, transparent) !important; border: 0 !important; }

/* adjacent cream sections share one breath */
.dartee-home .collsec + .marksec,
.dartee-home .marksec + .founders,
.dartee-home .founders + .guarantee { border-top: 0 !important; }
.dartee-home .founders { padding-top: clamp(40px, 4vw, 64px) !important; }

/* product shots blend into the canvas */
.dartee-home #best-sellers .card img,
.dartee-home .kitsec img,
.dartee-home .marksec__media img { mix-blend-mode: multiply; }

/* specificity fixes for .section-prefixed nodes */
.dartee-home section.section.guarantee,
.dartee-home section.section.faq,
.dartee-home section.section.founders,
.dartee-home section.section#kit { background-color: var(--cr-cream) !important; }

/* single cream for the press/quote group — no double off-whites */
.dartee-home .presstrip,
.dartee-home .asseen,
.dartee-home .logostrip,
.dartee-home .proofstrip,
.dartee-home .marksec,
.dartee-home section.section.guarantee { background-color: var(--cr-cream) !important; }

/* press bar + proof strip = one continuous cream trust band */
.dartee-home .pressbar {
  background-color: var(--cr-cream) !important;
  background-image: none !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  padding-bottom: 8px !important;
}
.dartee-home .pressbar::before,
.dartee-home .pressbar::after { content: none !important; background-image: none !important; }
.dartee-home .pressbar__eyebrow { color: var(--cr-pink) !important; }
.dartee-home .pressbar__logo { color: #082A24 !important; }
.dartee-home .proofstrip { padding-top: 8px !important; }

/* ---------- 7. TIGHTEN DEAD SPACE, LAST DETAILS ---------- */
@media (min-width: 861px) {
  .dartee-home .munisec { padding-bottom: clamp(40px, 4vw, 64px) !important; }
  .dartee-home .wtdsec { padding-bottom: clamp(40px, 4vw, 64px) !important; }
  .dartee-home .founders { padding-bottom: clamp(40px, 4vw, 64px) !important; }
}
/* marker photo blends into the cream canvas */
.dartee-home .marksec img,
.dartee-home .marksec figure img { mix-blend-mode: multiply; }
/* every eyebrow is pink, never gray */
.dartee-home .faq .eyebrow,
.dartee-home .faq__eyebrow,
.dartee-home .section .eyebrow,
.dartee-home .kitsec .eyebrow,
.dartee-home .guarantee .eyebrow { color: var(--cr-pink) !important; }