/* AllArounder — Night (V2 "לילה") blog override.
   Loaded AFTER each post's own inline <style>, and AFTER /assets/css/style.css
   (which provides the v6-nav + v6-footer chrome). It flips the token-driven
   Olive-Branch LIGHT palette to the v6 Night palette, then rescues the cases a pure
   token-flip can't fix: hardcoded colors that bypass tokens, and the dual-use tokens
   --forest (dark TEXT *and* dark panel BG) and --cream (light panel BG *and* light TEXT).
   Article PROSE is never touched in the HTML — only its skin. */

/* ── 1. token flip (wins: declared after the post's own :root) ── */
:root{
  /* accents */
  --olive:#C8A96E; --sage:#7A9E6C; --sage-text:#CDC6B7;
  --light-sage:#E2C488; --lsage:#E2C488;
  /* text tokens (were dark) → cream */
  --forest:#F5F0E8; --dark:#F5F0E8; --dark-olive:#F5F0E8; --ink:#F5F0E8;
  --muted:rgba(245,240,232,.58);
  /* surfaces */
  --white:#1e2d1a;   /* page background */
  --cream:#253220;   /* panel background (was light cream) */
  --border:#344530;
  --shadow:0 18px 44px -22px rgba(0,0,0,.7);
  --font:'Rubik','Assistant',sans-serif;
}

/* ── 2. base ── */
body{background:#1e2d1a;color:#F5F0E8;font-family:'Rubik','Assistant',sans-serif;}
/* the blog ships no reveal-on-scroll JS; style.css's .reveal{opacity:0} would hide
   blog content, so force it visible */
.reveal{opacity:1!important;transform:none!important;}

/* ── 3. prose body: rescue hardcoded dark text (e.g. .article-body{color:#2A3020}) ── */
.article-body,.post-body,.content-wrap{color:rgba(245,240,232,.86)!important;}
.article-body p,.post-body p,.article-body li,.post-body li{color:rgba(245,240,232,.85);}
.article-body h2,.article-body h3,.article-body h4,
.post-body h2,.post-body h3,.post-body h4{color:#F5F0E8!important;}
.article-body strong,.post-body strong{color:#F5F0E8!important;}
.article-body em,.post-body em{color:#E2C488!important;}
.article-body a,.post-body a{color:#C8A96E;}
.article-body blockquote,.post-body blockquote{background:#253220!important;color:rgba(245,240,232,.8)!important;border-color:#7A9E6C!important;}
.article-body h2{border-bottom-color:rgba(200,169,110,.32)!important;}

/* ── 4. hero (—-forest bg → flipped to cream → re-dark; title was --cream → re-light) ── */
.article-hero,.post-hero{background:linear-gradient(168deg,#1e2d1a,#253220)!important;}
.article-title,.article-hero h1,.post-hero h1,.post-hero .article-title{color:#F5F0E8!important;}
.article-subtitle{color:rgba(245,240,232,.72)!important;}
.article-cat,.post-cat-badge{background:rgba(200,169,110,.14)!important;color:#E2C488!important;}
.post-feature-image img{box-shadow:0 20px 50px -18px rgba(0,0,0,.75);}

/* ── 5. light panels (used #fff / --cream / --white as bg) → dark panels ── */
.author-card,.author-box,.toc,.related-card,.sidebar-card,.intro-box,
.tool-card,.use-case-card,.signal-card,.signal-card-body,.pillar-card,.principle-card,
.compare-card,.week-card,.content-type-card,.step-card,.step-box,
.decision-item,.rate-box,.box-step,.faq-item,.faq-body{background:#253220!important;border-color:#344530!important;}
.author-bio,.author-role{color:rgba(245,240,232,.66)!important;}
.author-name,.related-card-title,.related-title,.toc a,.tool-name,.pillar-title,
.faq-q,.faq-title,.principle-title,.signal-card-title{color:#F5F0E8!important;}
.toc-title{color:rgba(245,240,232,.55)!important;}
.article-tag,.tool-tag,.related-card-cat,.post-cat-badge{background:#2c3c27!important;color:#E2C488!important;border-color:#344530!important;}

/* ── 6. number / icon badges (likely dark or accent bg) → gold ── */
.step-num,.box-step-num,.pillar-num,.seq-num,.uc-number,.q-number,.num,
.principle-num,.signal-icon,.ci-icon,.rule-icon,.signal-card-icon,.mistake-check,.mistake-cross{
  background:linear-gradient(135deg,#E2C488,#A88A4E)!important;color:#23180a!important;}

/* ── 7. highlight / insight / warning boxes ── */
.highlight-box,.box-insight,.box-truth,.box-do,.green-flag{background:linear-gradient(135deg,#2c3c27,#253220)!important;border-color:rgba(200,169,110,.3)!important;color:rgba(245,240,232,.86)!important;}
.box-myth,.box-dont,.box-warning,.warning-box,.mistake-box,.red-flag{background:rgba(190,90,70,.10)!important;border-color:rgba(200,120,90,.42)!important;color:rgba(245,240,232,.86)!important;}

/* ── 8. compare / contrast columns + labels ── */
.compare-col,.box-compare-col,.week-col,.compare-table,.compare-item{background:#253220!important;border-color:#344530!important;}
.good,.good-label,.truth-label,.do-label{color:#95b886!important;}
.bad,.bad-label,.dont-label,.myth-label{color:#e8a08f!important;}

/* ── 9. cta box → dark panel + gold button ── */
.cta-box,.cta-band{background:#253220!important;border:1px solid rgba(200,169,110,.3)!important;}
.cta-box h3,.cta-eyebrow{color:#F5F0E8!important;}
.cta-box p{color:rgba(245,240,232,.72)!important;}
.cta-box .btn,.cta-btn,.btn-cta,.btn-sidebar{background:linear-gradient(135deg,#E2C488,#C8A96E)!important;color:#23180a!important;}

/* ── 10. sidebar audit promo ── */
.sidebar-audit{background:linear-gradient(160deg,#2c3c27,#1e2d1a)!important;border-color:rgba(200,169,110,.3)!important;}
/* the audit card's own rule sets `.sidebar-audit h4{color:var(--white)}` (line ~320), which the Night flip
   turns into the DARK page-bg color (--white -> #1e2d1a) -> dark-on-dark, invisible heading. The sibling
   .sidebar-card h4 reads cream via --forest; this same-specificity later rule clobbers it. Force cream. (2026-06-18) */
.sidebar-audit h4{color:#F5F0E8!important;}

/* ── 11. existing blog scroll-top + progress bar in Night gold ── */
#scroll-top{background:linear-gradient(135deg,#E2C488,#C8A96E)!important;}
#scroll-top svg{stroke:#23180a!important;}
#progress-bar{background:linear-gradient(90deg,#C8A96E,#E2C488)!important;}

/* ── 12. v6 mobile-menu overlay (id-scoped to beat the post's inline .mobile-menu) ── */
#mobileMenu{display:none;flex-direction:column;background:rgba(30,45,26,0.98);position:fixed;inset:0;z-index:950;align-items:center;justify-content:center;gap:8px;padding:40px 24px;border-bottom:none!important;}
#mobileMenu.open{display:flex;}
#mobileMenu a{font-family:'Rubik',sans-serif;font-size:clamp(1.6rem,5vw,2.4rem);font-weight:700;color:#F5F0E8!important;padding:10px 20px!important;border-bottom:none!important;transition:color .15s;}
#mobileMenu a:hover{color:#C8A96E!important;}
#mobileMenu .m-close{position:absolute;inset-block-start:20px;inset-inline-start:20px;background:none;border:1px solid rgba(245,240,232,0.3);border-radius:50%;width:40px;height:40px;color:rgba(245,240,232,0.7);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;}

/* ── 13. flagship additions: data tables, warn box, inline code (geo-aeo-hebrew-2026; additive, no existing post uses these classes) ── */
.post-body table.data-table{background:#253220!important;border-color:#344530!important;}
.post-body table.data-table thead th{background:#2c3c27!important;color:#F5F0E8!important;}
.post-body table.data-table td{color:rgba(245,240,232,.85)!important;border-top-color:#344530!important;}
.post-body table.data-table tbody tr:nth-child(even){background:rgba(122,158,108,.06)!important;}
.post-body table.data-table strong{color:#F5F0E8!important;}
.warn-box{background:rgba(200,120,90,.10)!important;border-color:rgba(200,120,90,.35)!important;border-inline-start:4px solid #C8784B!important;}
.warn-box p{color:rgba(245,240,232,.86)!important;}
.warn-box strong{color:#e8a08f!important;}
.post-body code{background:rgba(200,169,110,.16)!important;color:#E2C488!important;}

/* ── 14. nav at the un-scrolled top (all night-theme posts): each post's inline <style> ships a LIGHT nav fallback ( nav{background:rgba(245,240,232,.96)} + .nav-logo img{mix-blend-mode:multiply} ). Under the Night token-flip the nav text/logo turn cream, so at scrollY 0 it was cream-on-cream and the cream logo multiplied to invisible. Restore a dark nav + clean cream logo; style.css's .v6-nav.scrolled keeps the on-scroll state. Fixes the "header looks washed only at the very top" report (2026-06-18). ── */
nav.v6-nav:not(.scrolled){background:rgba(30,45,26,.92)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border-block-end:1px solid rgba(245,240,232,.08)!important;}
nav.v6-nav .nav-logo img{mix-blend-mode:normal!important;}

/* ── 15. breadcrumb clearance (2026-06-18): the fixed v6 nav is 64px tall, but each
   post-hero's own padding-top (64px desktop / 48px mobile) let the breadcrumb tuck UNDER
   the header instead of sitting snug below it ("why isn't the breadcrumb stuck to the top").
   Clear the nav + a comfortable gap on every night blog post, single-source. ── */
.post-hero{padding-block-start:96px!important;}
@media(max-width:680px){.post-hero{padding-block-start:82px!important;}}