/* ==========================================================================
   GOLAZO — DARK MODE (canonical per-surface overrides)
   Scope: html[data-theme="dark"]. Fixes every failure found in the live
   dark-mode audit (2026-06): white fade bands under headers, light nav on
   light-start pages, invisible filter labels, reviews section, card image
   containers, default-blue links, map placeholder, Woo empty-state text,
   light selects, era chips, trust labels.
   Palette (all pairings WCAG-verified): bg #0E1311 · card #18201B ·
   alt #131A16 · imgwell #141B17 · text #F7F9F6 · muted #A4AFA8 ·
   border #2A332D · accent green #34B375 · gold #E6B83C (text OK on dark).
   RULES: nav = ALWAYS dark glass in dark mode (white lettering, never the
   cream state). Cursor = ALWAYS the white ball in dark mode.
   ========================================================================== */

/* ---------- base ---------- */
html[data-theme="dark"] body{background:#0E1311;color:#F7F9F6}
html[data-theme="dark"] .lead,html[data-theme="dark"] .sub{color:#A4AFA8}

/* ---------- THE WHITE FOG FIX: header/hero bottom fades ---------- */
html[data-theme="dark"] .hero::after,
html[data-theme="dark"] .phead::after{background:linear-gradient(180deg,transparent,#0E1311)!important}

/* ---------- NAV: STATEFUL dark system (keeps light mode's choreography) ----------
   TOP OF PAGE  : neutral charcoal glass · WHITE lettering · white-tint icons
   SCROLLED     : deep-green branded glass · GOLD lettering · green-tint icons
   RETRO PAGES  : body[data-nav-flavor="retro"] scrolls into warm gold glass instead
   The condense animation and the lettering cross-fade still run — dark mode keeps
   the same state changes as light mode, only the palettes are dark. */
html[data-theme="dark"] .nav__inner{
  color:#fff!important;
  background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.03) 40%,rgba(20,27,23,.45))!important;
  border-color:rgba(255,255,255,.16)!important;
  box-shadow:0 8px 32px -8px rgba(0,0,0,.55), inset 0 1px 1px rgba(255,255,255,.10)!important}
html[data-theme="dark"] .nav.scrolled .nav__inner{
  background:linear-gradient(135deg,rgba(8,72,42,.62),rgba(12,18,15,.82))!important;
  border-color:rgba(52,179,117,.32)!important;
  box-shadow:0 12px 40px -12px rgba(0,0,0,.65), inset 0 1px 1px rgba(122,210,165,.18)!important}
html[data-theme="dark"] .nav__menu a,html[data-theme="dark"] .nav.scrolled .nav__menu a{color:#fff!important;text-shadow:none}
html[data-theme="dark"] .nav__menu a.active{color:#E6B83C!important}
/* lettering: WHITE at top -> GOLD when scrolled.
   Production option A (preferred): swap to assets/logo/golazo-lettering-gold.png.
   Option B (markup-free, used here): recolor the white lettering via filter. */
html[data-theme="dark"] .nav .lt-white,html[data-theme="dark"] .nav .lm-white{opacity:1!important;transition:opacity .35s,filter .35s}
html[data-theme="dark"] .nav .lt-green,html[data-theme="dark"] .nav .lm-green{opacity:0!important}
html[data-theme="dark"] .nav.scrolled .lt-white,html[data-theme="dark"] .nav.scrolled .lm-white{
  filter:brightness(.92) sepia(1) saturate(3.4) hue-rotate(-12deg) drop-shadow(0 1px 2px rgba(0,0,0,.4))}
/* icons: neutral white-tint at top -> green-tint chips when scrolled */
html[data-theme="dark"] .nav .btn--icon{
  color:#fff!important;background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.05))!important;border-color:rgba(255,255,255,.26)!important}
html[data-theme="dark"] .nav.scrolled .btn--icon{
  background:linear-gradient(135deg,rgba(52,179,117,.20),rgba(52,179,117,.08))!important;border-color:rgba(52,179,117,.34)!important}
html[data-theme="dark"] .nav .avatar{background:#34B375}
/* RETRO flavor: warm gold scrolled glass + gold-tint icons (tag the page body) */
html[data-theme="dark"] body[data-nav-flavor="retro"] .nav.scrolled .nav__inner{
  background:linear-gradient(135deg,rgba(61,44,14,.66),rgba(16,12,5,.84))!important;
  border-color:rgba(230,184,60,.35)!important;
  box-shadow:0 12px 40px -12px rgba(0,0,0,.65), inset 0 1px 1px rgba(230,184,60,.22)!important}
html[data-theme="dark"] body[data-nav-flavor="retro"] .nav.scrolled .btn--icon{
  background:linear-gradient(135deg,rgba(230,184,60,.20),rgba(230,184,60,.08))!important;border-color:rgba(230,184,60,.35)!important}
/* expanding search capsule follows the scrolled tint */
html[data-theme="dark"] .nsearch.open, html[data-theme="dark"] .nav.scrolled .nsearch.open{
  background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.07))!important;border-color:rgba(255,255,255,.4)!important}
html[data-theme="dark"] .nsearch.open .nsearch__input{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.35)}
html[data-theme="dark"] .nsearch.open .nsearch__input::placeholder{color:rgba(255,255,255,.7)!important}
/* utility cluster mirrors the nav states */
html[data-theme="dark"] .utilbar{
  color:#fff!important;background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(20,27,23,.45))!important;border-color:rgba(255,255,255,.16)!important}
html[data-theme="dark"] .utilbar.scrolled{
  background:linear-gradient(135deg,rgba(8,72,42,.62),rgba(12,18,15,.82))!important;border-color:rgba(52,179,117,.32)!important}
html[data-theme="dark"] .utilbar .btn--icon{background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.05))!important;border-color:rgba(255,255,255,.26)!important}
html[data-theme="dark"] .utilbar.scrolled .btn--icon{background:linear-gradient(135deg,rgba(52,179,117,.18),rgba(52,179,117,.07))!important;border-color:rgba(52,179,117,.3)!important}

/* ---------- headings / generic text that hardcodes ink ---------- */
html[data-theme="dark"] .section__title,html[data-theme="dark"] h1,html[data-theme="dark"] h2,
html[data-theme="dark"] h3,html[data-theme="dark"] .chead h1{color:#F7F9F6}
html[data-theme="dark"] .section__title b{color:#34B375}
html[data-theme="dark"] .section__link{color:#34B375}

/* ---------- product cards ---------- */
html[data-theme="dark"] .card,html[data-theme="dark"] li.product{background:#18201B;border-color:#2A332D}
html[data-theme="dark"] .card:hover{border-color:#34B375;box-shadow:0 24px 44px -16px rgba(0,0,0,.6)}
html[data-theme="dark"] .card__n,html[data-theme="dark"] .card__name{color:#F7F9F6}
html[data-theme="dark"] .card__c,html[data-theme="dark"] .card__cat{color:#A4AFA8}
html[data-theme="dark"] .card__p,html[data-theme="dark"] .card__price{color:#34B375}
html[data-theme="dark"] .card__img,html[data-theme="dark"] a.card__img{background:#141B17!important}
html[data-theme="dark"] .card__img img,html[data-theme="dark"] .gmain img,
html[data-theme="dark"] img.img-back{filter:brightness(.9)}   /* soften white studio photo bgs */
html[data-theme="dark"] .card__fav{background:rgba(24,32,27,.85);color:#A4AFA8}
html[data-theme="dark"] .card__fav:hover,html[data-theme="dark"] .card__fav.on{color:#34B375}

/* ---------- reviews ---------- */
html[data-theme="dark"] .reviews,html[data-theme="dark"] section.reviews{background:#131A16}
html[data-theme="dark"] .review{background:#18201B;border-color:#2A332D}
html[data-theme="dark"] .review__text{color:#F7F9F6}
html[data-theme="dark"] .review__name{color:#F7F9F6}
html[data-theme="dark"] .review__loc{color:#A4AFA8}

/* ---------- filters / toolbar / listing controls ---------- */
html[data-theme="dark"] .fgroup__t{color:#F7F9F6}
html[data-theme="dark"] .fopt{color:#DDE3DE}
html[data-theme="dark"] .fopt .cnt{color:#A4AFA8}
html[data-theme="dark"] .fopt input{border-color:#3A453E;background:#18201B}
html[data-theme="dark"] .filters{background:transparent}
@media(max-width:980px){ html[data-theme="dark"] .filters{background:#131A16} }
html[data-theme="dark"] .size{background:#18201B;color:#F7F9F6;border-color:#3A453E}
html[data-theme="dark"] .toolbar{border-color:#2A332D}
html[data-theme="dark"] .toolbar__count{color:#A4AFA8}
html[data-theme="dark"] .select select{background:#18201B;color:#F7F9F6;border-color:#3A453E}
html[data-theme="dark"] .view-toggle{border-color:#3A453E}
html[data-theme="dark"] .view-toggle button{background:#18201B;color:#A4AFA8}
html[data-theme="dark"] .chip{background:#131A16;border-color:#2A332D;color:#34B375}
html[data-theme="dark"] .pager button{background:#18201B;color:#F7F9F6;border-color:#3A453E}
html[data-theme="dark"] .pager button.active{background:#086038;color:#fff;border-color:#086038}

/* ---------- PDP ---------- */
html[data-theme="dark"] .gmain,html[data-theme="dark"] .gmain.fill{background:#141B17!important;border-color:#2A332D}
html[data-theme="dark"] .gthumb{background:#141B17;border-color:#2A332D}
html[data-theme="dark"] .gthumb span{background:rgba(14,19,17,.8);color:#A4AFA8}
html[data-theme="dark"] .tag-era,html[data-theme="dark"] span.tag.tag-era{background:#2A2415;color:#E6B83C}
html[data-theme="dark"] .tagc{background:#2A2415;color:#E6B83C}
html[data-theme="dark"] .pdesc{color:#DDE3DE}
html[data-theme="dark"] .ptype{background:rgba(52,179,117,.08);border-color:rgba(52,179,117,.3)}
html[data-theme="dark"] .ptype span{color:#A4AFA8}
html[data-theme="dark"] .prow__t b,html[data-theme="dark"] .prow__t{color:#F7F9F6}
html[data-theme="dark"] .trust div{color:#C5CDC7}
html[data-theme="dark"] .trust{border-color:#2A332D}
html[data-theme="dark"] .acc{border-color:#2A332D}
html[data-theme="dark"] .acc__q{color:#F7F9F6}
html[data-theme="dark"] .acc__a p,html[data-theme="dark"] .acc__a ul{color:#DDE3DE}
html[data-theme="dark"] .buybar{background:rgba(14,19,17,.92)!important;border-color:#2A332D}
html[data-theme="dark"] .buybar .pp{color:#34B375}
html[data-theme="dark"] .notify{background:#131A16;border-color:#3A453E}
html[data-theme="dark"] .notify p{color:#A4AFA8}
html[data-theme="dark"] .notify__t{color:#F7F9F6}
html[data-theme="dark"] .notify__row input{background:#18201B;color:#F7F9F6;border-color:#3A453E}
html[data-theme="dark"] .stockline--out{color:#A4AFA8}

/* ---------- forms (global) ---------- */
html[data-theme="dark"] input[type=text],html[data-theme="dark"] input[type=email],
html[data-theme="dark"] input[type=tel],html[data-theme="dark"] input[type=search],
html[data-theme="dark"] input[type=password],html[data-theme="dark"] textarea,html[data-theme="dark"] select{
  background:#18201B;color:#F7F9F6;border-color:#3A453E}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#7E8A82}
html[data-theme="dark"] .field label{color:#F7F9F6}

/* ---------- contact ---------- */
html[data-theme="dark"] .icard,html[data-theme="dark"] .formcard{background:#18201B;border-color:#2A332D}
html[data-theme="dark"] .icard__t{color:#A4AFA8}
html[data-theme="dark"] .icard__v{color:#F7F9F6}
html[data-theme="dark"] .icard__sub{color:#A4AFA8}
html[data-theme="dark"] a[href^="tel:"],html[data-theme="dark"] a[href^="mailto:"]{color:#34B375!important;text-decoration:none}
/* map placeholder */
html[data-theme="dark"] .map{border-color:#2A332D;background:
  repeating-linear-gradient(0deg,#222B25 0 1px,transparent 1px 44px),
  repeating-linear-gradient(90deg,#222B25 0 1px,transparent 1px 44px),
  linear-gradient(135deg,#141B17,#101613)}
html[data-theme="dark"] .map__road{background:#2A332D}
html[data-theme="dark"] .map__green{background:rgba(52,179,117,.14)}
html[data-theme="dark"] .map__label{background:#18201B;color:#F7F9F6;box-shadow:0 8px 22px -8px rgba(0,0,0,.6)}

/* ---------- cart / Woo states ---------- */
html[data-theme="dark"] .item,html[data-theme="dark"] .summary,html[data-theme="dark"] .acard,
html[data-theme="dark"] .panel,html[data-theme="dark"] .order,html[data-theme="dark"] .stat,
html[data-theme="dark"] .wcard,html[data-theme="dark"] .menu{background:#18201B;border-color:#2A332D}
html[data-theme="dark"] .item__attr,html[data-theme="dark"] .srow .lbl{color:#A4AFA8}
html[data-theme="dark"] .srow{color:#DDE3DE}
html[data-theme="dark"] .stotal .val{color:#34B375}
html[data-theme="dark"] .qty{background:#18201B;border-color:#3A453E}
html[data-theme="dark"] .qty span{color:#F7F9F6}
html[data-theme="dark"] .ship{background:rgba(52,179,117,.1);border-color:rgba(52,179,117,.3)}
html[data-theme="dark"] .ship__bar{background:#0E1311}
html[data-theme="dark"] .cart-empty,html[data-theme="dark"] .woocommerce-info,
html[data-theme="dark"] p.cart-empty{color:#F7F9F6!important}
html[data-theme="dark"] .backlink{color:#34B375}

/* ---------- generic links & accents on dark ---------- */
html[data-theme="dark"] .forgot,html[data-theme="dark"] .sizeguide,html[data-theme="dark"] .gwgate__alt{color:#34B375}
html[data-theme="dark"] .gwgate__card{background:#18201B;border-color:#2A332D}
html[data-theme="dark"] .gwgate h3{color:#F7F9F6} html[data-theme="dark"] .gwgate p{color:#A4AFA8}
html[data-theme="dark"] .gwgate__chip{background:rgba(52,179,117,.14);color:#34B375}
html[data-theme="dark"] .gwgate__close{background:#131A16;color:#A4AFA8}

/* ---------- CURSOR RULE: always the white ball in dark mode ---------- */
html[data-theme="dark"] .gc-ball{background-image:url("../img/golazo-ball-white.png")!important}
html[data-theme="dark"] .gc-caret{background:#F7F9F6!important}

/* ---------- THEME ADAPTATIONS (live-markup/Giorgi divergences; palette values only) ---------- */
/* v1.29.1: account sidebar active + stat discs used light mint #e9f3ec */
html[data-theme="dark"] .menu a.active{background:rgba(52,179,117,.14);color:#34B375}
html[data-theme="dark"] .stat .ic{background:rgba(52,179,117,.14);color:#34B375}
/* v1.29.4 (Giorgi): ghost-shirt frames stay STUDIO-WHITE in dark — photos are baked on #FDFDFD;
   model 'fill' views keep the dark well. v1.29.5: sold-out hover-back keeps the kit FADE
   (grayscale .5 / opacity .7 — same as light); only in-stock backs skip the brightness dim. */
html[data-theme="dark"] .gmain:not(.fill){background:#FDFDFD!important}
html[data-theme="dark"] .gmain:not(.fill) img{filter:none!important}
html[data-theme="dark"] .gthumb:not(.gthumb--fill){background:#FDFDFD!important}
html[data-theme="dark"] .gthumb:not(.gthumb--fill) img{filter:none!important}
html[data-theme="dark"] .card:hover .card__img:has(.img-back){background:#FDFDFD!important}
html[data-theme="dark"] .card:not(.stock-out) .card__img img.img-back{filter:none!important}
html[data-theme="dark"] .card.stock-out:hover .card__img img.img-back{filter:grayscale(.5) opacity(.7)!important}
/* v1.29.5: GOLD lettering via the real asset (brief option A — crisper than the filter recolor);
   the kit's filter fallback is disabled when the asset img is present. */
.nav__logo .lt-gold{position:absolute;inset:0;opacity:0;transition:opacity .35s;height:26px;width:auto}
html[data-theme="dark"] body .nav.scrolled .lt-gold{opacity:1}
html[data-theme="dark"] body .nav.scrolled .lt-white{opacity:0!important;filter:none!important}