/* ===================================================================
   overrides.css — neutralizes stale styles (main/refine/v1-aesthetic)
   that collide with current component CSS.
   Loads LAST. Same-specificity wins go to us.
   =================================================================== */

/* ─── FAQ heading + numbers — kill stale color overrides ─────────── */
.faq .faq-q-text {
  font-family: 'Instrument Serif', 'Fraunces', serif !important;
  font-weight: 400;
  font-size: 21px;
  line-height: 1.25;
  letter-spacing: -0.005em;
  color: rgba(26, 26, 24, 0.92);
  background: none;
  -webkit-text-fill-color: rgba(26, 26, 24, 0.92);
}
body.theme-dark .faq .faq-q-text {
  color: rgba(244, 239, 230, 0.97);
  -webkit-text-fill-color: rgba(244, 239, 230, 0.97);
  background: none;
}
.faq .faq-item.open .faq-q-text {
  font-style: italic;
  background: linear-gradient(135deg, #FFD166, #C46900 60%, #8a4900) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
body.theme-dark .faq .faq-item.open .faq-q-text {
  background: linear-gradient(135deg, #FFF1C2 0%, #FFD166 60%, #FFA533 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.faq .faq-q-text em,
.faq .faq-q-text .serif {
  background: inherit;
  -webkit-text-fill-color: inherit;
  color: inherit;
}

/* FAQ answers */
.faq .faq-a {
  color: rgba(26, 26, 24, 0.7);
}
body.theme-dark .faq .faq-a {
  color: rgba(244, 239, 230, 0.78);
}

/* FAQ numbers */
.faq .faq-num {
  color: rgba(26, 26, 24, 0.4);
}
body.theme-dark .faq .faq-num {
  color: rgba(244, 239, 230, 0.45);
}
.faq .faq-item.open .faq-num {
  color: var(--gold-700, #C46900);
}
body.theme-dark .faq .faq-item.open .faq-num {
  color: var(--gold-light, #FFD166);
}

/* FAQ section base — !important needed to beat refine.css + v1-aesthetic.css */
body.theme-light .faq,
body.theme-light .faq-section { background: #f4efe6 !important; color: rgba(26,26,24,0.92) !important; }
body.theme-dark  .faq,
body.theme-dark  .faq-section { background: #0e0d0b !important; color: rgba(244,239,230,0.95) !important; }

/* FAQ section title (kicker + headline) */
body.theme-dark .faq .section-kicker,
body.theme-dark .faq .faq-kicker { color: var(--gold-500, #FFB300) !important; }
body.theme-dark .faq .section-title,
body.theme-dark .faq .faq-title { color: rgba(244,239,230,0.96) !important; -webkit-text-fill-color: rgba(244,239,230,0.96); }
body.theme-dark .faq .faq-sub,
body.theme-dark .faq .section-sub { color: rgba(244,239,230,0.7) !important; }

/* FAQ item borders & toggle */
.faq-item {
  border-bottom: 1px solid rgba(26, 26, 24, 0.08);
}
body.theme-dark .faq-item {
  border-bottom-color: rgba(244, 239, 230, 0.10);
}
.faq-toggle {
  color: rgba(26, 26, 24, 0.45);
}
body.theme-dark .faq-toggle {
  color: rgba(244, 239, 230, 0.55);
}
.faq-item.open .faq-toggle {
  color: var(--gold-700, #C46900);
}
body.theme-dark .faq-item.open .faq-toggle {
  color: var(--gold-light, #FFD166);
}

/* ─── LIGHT-MODE PULSE-DOT CONTRAST BOOST ─────────────────────────
   The molten gold (#FFB300) washes out on cream backgrounds. Bump
   live-pulse dots to a deeper sunset tone with a tighter halo so
   they actually read on light surfaces. Dark mode is unaffected. */

body.theme-light .tag .dot,
body.theme-light .hero-eyebrow .dot,
body.theme-light .calc-card-head-live::before,
body.theme-light .cw-detail-head .live::before,
body.theme-light .trust-label::before,
body.theme-light .hero-peek-app::before,
body.theme-light .transcribe-tag::before,
body.theme-light .b-rail-head .live::before,
body.theme-light .a-ledger-head .live::before,
body.theme-light .c-eyebrow .live-dot,
body.theme-light .c-tile-head .live-mini::before,
body.theme-light .d-bottom-l .live-tag::before,
body.theme-light .firefly-card .fc-head .pulse,
body.theme-light .bsb-pre .bsb-pulse,
body.theme-light .hsb-pulse,
body.theme-light [class*="live"]::before,
body.theme-light [class*="-pulse"],
body.theme-light [class*="-dot"]:not(.nav-theme):not(.theme-toggle) {
  background: radial-gradient(circle at 35% 30%,
    #FFB347 0%,
    #FF7A00 40%,
    #C44900 100%) !important;
  box-shadow:
    0 0 0 0.5px rgba(140, 50, 0, 0.25),
    0 0 6px rgba(255, 122, 0, 0.6),
    0 0 12px rgba(255, 138, 0, 0.35) !important;
}

/* Eyebrow text + tag color labels in light mode — deepen "molten" copy
   so it doesn't drift into pale on cream. */
body.theme-light .section-eyebrow,
body.theme-light .hero-channels-label,
body.theme-light .calc-card-head .mono,
body.theme-light .calc-card-head-live,
body.theme-light .cw-detail-head .live,
body.theme-light .meet-card-app,
body.theme-light .stack-row.markoni-row .stack-row-label {
  color: #B85A00 !important;
}
body.theme-light .section-eyebrow::before {
  background: #B85A00 !important;
}