/* ============================================================
   AVAREX CORE — READABILITY PASS v2 (contrast-fix.css)
   Loaded LAST. Rules:
   • Light Morning rooms → text is BLACK (#1A1917), never brown
   • Labels/eyebrows on light rooms → black; badges → dark gold
   • Buttons and links are NEVER touched (no more blue)
   • Captions over video → white, always, in every theme
   ============================================================ */

/* ── LIGHT ROOMS (Morning): all text elements go black.
      Links/buttons excluded entirely — they keep their design. ── */
body.morning :is(#scene-noise, #scene-method, #scene-academy, #scene-apps,
                 #scene-community, #scene-nexus, #scene-gateways)
  :is(h1, h2, h3, h4, h5, h6, p, li, span, small, strong, b, em, label,
      dt, dd, figcaption, blockquote, div):not(a):not(button):not([class*="btn"]):not([class*="btn"] *):not(.atm-pill):not(.atm-pill *):not(.room-env):not(.room-env *):not([class*="badge"]):not([class*="status"]):not([class*="tag"]):not([class*="chip"]) {
  color: #1A1917 !important;
}

/* eyebrows / step labels ("Practice", "Apply", "Think", "Meaning",
   "Where it happens", week labels): BLACK — the brown is gone */
body.morning :is(#scene-noise, #scene-method, #scene-academy, #scene-apps,
                 #scene-community, #scene-nexus, #scene-gateways)
  :is(.gold-eyebrow, [class*="eyebrow"], [class*="label"], [class*="step"]) {
  color: #1A1917 !important;
}

/* quote/insight panels (e.g. "Skill is built by reasoning…"):
   neutral light panel, black text — no brown wash */
body.morning :is(#scene-method, #scene-academy, #scene-apps, #scene-community)
  :is(blockquote, [class*="quote"], [class*="insight"], [class*="note"], .glass-card) {
  background: rgba(13, 12, 11, 0.05) !important;
  border-color: rgba(13, 12, 11, 0.14) !important;
}

/* badges & status chips ("Members", "Coming soon", "Join as member"):
   DARK GOLD (not brown) with cream text */
body.morning :is(#scene-noise, #scene-method, #scene-academy, #scene-apps,
                 #scene-community, #scene-nexus, #scene-gateways)
  :is([class*="badge"], [class*="status"], [class*="chip"]):not(.atm-pill),
body.morning .atm-pill.active {
  color: #F9F5EA !important;
  background: #8A6D1D !important;
  border-color: #8A6D1D !important;
}

/* ── WALK-IN HERO (dark in Morning → light text, above fog/hands) ── */
body.morning #scene-hero .hero-content { position: relative; z-index: 20; }
body.morning #scene-hero .hero-fog { opacity: 0.35 !important; }
body.morning #scene-hero :is(h1, .hero-headline, .heading-1) {
  color: #FFFFFF !important;
  text-shadow: 0 2px 28px rgba(0,0,0,0.7) !important;
}
body.morning #scene-hero :is(p, .hero-sub, li, small):not([class*="btn"]):not([class*="btn"] *) {
  color: #F3EFE2 !important;
  text-shadow: 0 1px 16px rgba(0,0,0,0.65) !important;
}
body.morning #scene-hero span:not([class*="btn"]):not([class*="btn"] *):not(.gold-eyebrow) {
  color: #F3EFE2 !important;
  text-shadow: 0 1px 12px rgba(0,0,0,0.6);
}
body.morning #scene-hero .gold-eyebrow {
  color: #F0D47A !important;
  text-shadow: 0 1px 12px rgba(0,0,0,0.55);
}
/* the small note under the hero buttons ("Join free · coming soon") */
body.morning #scene-hero :is([class*="hint"], [class*="note"], [class*="meta"], figcaption) {
  color: #F7E9B0 !important;
  text-shadow: 0 1px 12px rgba(0,0,0,0.7) !important;
}

/* "Join Free" ghost button + "Coming Soon" badge + scene tag on the
   Walk-In: solid dark pills — readable on bright sky AND dark forest */
#scene-hero .btn-ghost {
  background: rgba(13, 12, 11, 0.62) !important;
  border: 1px solid rgba(230, 198, 90, 0.5) !important;
  color: #F0D47A !important;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  text-shadow: none !important;
}
#scene-hero .status-badge,
#scene-hero .status-soon {
  background: #8A6D1D !important;
  color: #F9F5EA !important;
  border-color: #8A6D1D !important;
  text-shadow: none !important;
}
#scene-hero :is([class*="scene-tag"], [class*="scene-label"], [class*="scene-num"]) {
  background: rgba(13, 12, 11, 0.55) !important;
  color: #F0D47A !important;
  padding: 4px 12px !important;
  border-radius: 999px !important;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}

/* ── SCRUB CAPTIONS — white over the glass panel, EVERY theme.
      (High-specificity so no theme rule can out-rank them.) ── */
body.morning .scrub-scene .scrub-cap h3,
body.golden-hour .scrub-scene .scrub-cap h3,
body.dusk .scrub-scene .scrub-cap h3,
body.night .scrub-scene .scrub-cap h3,
.scrub-scene .scrub-cap h3 {
  color: #FFFFFF !important;
}
body.morning .scrub-scene .scrub-cap p.scrub-eyebrow,
body.golden-hour .scrub-scene .scrub-cap p.scrub-eyebrow,
body.dusk .scrub-scene .scrub-cap p.scrub-eyebrow,
body.night .scrub-scene .scrub-cap p.scrub-eyebrow,
.scrub-scene .scrub-cap p.scrub-eyebrow {
  color: #F0D47A !important;
}
body.morning .scrub-scene .scrub-hint,
.scrub-scene .scrub-hint {
  color: rgba(255, 255, 255, 0.65) !important;
  text-shadow: 0 1px 10px rgba(0,0,0,0.8);
}
.scrub-cap {
  background: rgba(10, 10, 9, 0.5);
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  border: 1px solid rgba(230, 198, 90, 0.28);
  border-radius: 16px;
  padding: 20px 30px;
  max-width: min(640px, 88vw);
  margin: 0 auto;
}

/* ══════════════════════════════════════════════════════════
   PROBLEM · COMPARISON · WALL   (added Sept 2026)
   ══════════════════════════════════════════════════════════ */

/* ── The Problem ───────────────────────────────────────── */
.prob-list{list-style:none;margin:0;padding:0;max-width:760px;display:grid;gap:2px}
.prob-list li{display:flex;gap:18px;align-items:flex-start;padding:20px 22px;
  background:rgba(255,255,255,.028);border-left:2px solid rgba(201,168,76,.28);
  transition:background .3s var(--ease-out),border-color .3s var(--ease-out)}
.prob-list li:hover{background:rgba(255,255,255,.055);border-left-color:var(--gold)}
.prob-n{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.12em;
  color:var(--gold);opacity:.7;padding-top:.28rem;flex-shrink:0}
.prob-list b{display:block;font-family:var(--font-heading);font-weight:600;
  font-size:1.02rem;margin-bottom:.3rem;line-height:1.35}
.prob-list p{margin:0;font-size:.92rem;line-height:1.6;opacity:.72}

/* ── Side by side ──────────────────────────────────────── */
.cmp{max-width:900px;border:1px solid var(--glass-border);border-radius:14px;overflow:hidden}
.cmp-head{display:grid;grid-template-columns:1fr 150px 1fr;
  background:rgba(255,255,255,.045);border-bottom:1px solid var(--glass-border)}
.cmp-h{padding:15px 20px;font-family:var(--font-heading);font-weight:600;font-size:.95rem}
.cmp-h-dim{opacity:.52}
.cmp-h-gold{color:var(--gold);text-align:right}
.cmp-row{display:grid;grid-template-columns:1fr 150px 1fr;align-items:center;
  border-bottom:1px solid rgba(255,255,255,.055);transition:background .25s var(--ease-out)}
.cmp-row:last-child{border-bottom:0}
.cmp-row:hover{background:rgba(201,168,76,.05)}
.cmp-a{padding:15px 20px;font-size:.9rem;opacity:.55;line-height:1.45}
.cmp-b{padding:15px 20px;font-size:.94rem;line-height:1.45;text-align:right;font-weight:500}
.cmp-mid{padding:15px 8px;text-align:center;font-family:var(--font-mono);
  font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;opacity:.42}
@media(max-width:760px){
  .cmp-head{grid-template-columns:1fr 1fr}
  .cmp-head .cmp-mid{display:none}
  .cmp-row{grid-template-columns:1fr;gap:0;padding:14px 18px}
  .cmp-a,.cmp-b{padding:5px 0;text-align:left}
  .cmp-mid{order:-1;padding:0 0 4px;text-align:left}
  .cmp-b{border-left:2px solid var(--gold);padding-left:12px}
}

/* ── The Wall ──────────────────────────────────────────── */
.wall-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:14px;max-width:900px}
.wall-slot{aspect-ratio:4/3;border:1px dashed rgba(201,168,76,.3);border-radius:12px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  background:rgba(255,255,255,.018);transition:border-color .3s var(--ease-out)}
.wall-slot:hover{border-color:rgba(201,168,76,.55)}
.wall-mark{font-size:1.5rem;color:var(--gold);opacity:.45}
.wall-lbl{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.13em;
  text-transform:uppercase;opacity:.42}
.wall-note{max-width:640px;margin-top:1.8rem;padding:18px 22px;border-radius:12px;
  background:rgba(201,168,76,.07);border:1px solid rgba(201,168,76,.22);
  font-size:.9rem;line-height:1.65;opacity:.88}
.wall-note strong{color:var(--gold);display:block;margin-bottom:.3rem}