/* ==========================================================================
   LIGHT THEME for inner pages — matches the homepage.
   Loaded from layouts/head.blade.php on every page except the homepage,
   Book a Visit, login and internal tools. Every selector starts with
   "html body" so it outranks each page's own inline <style> block.
   ========================================================================== */
:root {
    --lt-ink: #1a1209;
    --lt-text: #4f463d;
    --lt-muted: #7a7068;
    --lt-line: #ebe7e1;
    --lt-warm: #faf7f2;
    --lt-pattern: url('../images/bg-audio-pattern.svg');
}

/* Page background: warm off-white with the faint car-audio line art */
html body {
    background: var(--lt-warm) var(--lt-pattern) -200px 300px / 900px 900px repeat !important;
    color: var(--lt-ink);
    padding-bottom: 0 !important;   /* the footer reserves space for the action bar now, in dark */
}

/* ── Page header ─────────────────────────────────────────────────────────── */
html body .pg-hero {
    background: #fff var(--lt-pattern) 120px -80px / 900px 900px repeat;
    border-bottom: 1px solid var(--lt-line);
}
html body .pg-hero:not(.pg-hero-tight) { padding: 64px 20px 48px; }
html body .pg-hero::before { background: radial-gradient(ellipse at 50% 0%, rgba(231,34,20,.06) 0%, transparent 65%); }
html body .pg-hero-wm { color: rgba(231,34,20,.06); }
html body .pg-h1 { color: var(--lt-ink); }
html body .pg-sub { color: var(--lt-text); }

/* ── Sections ────────────────────────────────────────────────────────────── */
html body .sec,
html body .cat-sec { border-bottom-color: var(--lt-line); }
html body .sec.bg2,
html body .cat-sec.bg2,
html body .map-sec { background: #fff var(--lt-pattern) 420px 120px / 900px 900px repeat; }

/* Headings */
html body .sh,
html body .sh-dark,
html body .cat-h,
html body .truth-h,
html body .fo-names,
html body .tsh-inner,
html body .mc-name,
html body .ac-title,
html body .fin-card-name,
html body .loc-value,
html body .blane-sig .name,
html body .sig-name,
html body .promise-list li strong,
html body .ip-item { color: var(--lt-ink); }

/* Body copy */
html body .sb,
html body .sb-dark,
html body .cat-body,
html body .truth-body,
html body .promise-list li,
html body .quote-block p,
html body .htl { color: var(--lt-text); }

/* Small / secondary text */
html body .story-img-caption,
html body .collage-label,
html body .ms-txt,
html body .fo-title,
html body .mc-role,
html body .loc-label,
html body .loc-sub,
html body .ac-tag,
html body .ac-sub,
html body .ac-soon,
html body .back-link { color: var(--lt-muted); }
html body .back-link:hover { color: var(--lt-ink); }

/* ── Cards & panels ──────────────────────────────────────────────────────── */
html body .truth-block,
html body .loc-card,
html body .fin-card,
html body .action-card {
    background: #fff;
    border: 1px solid var(--lt-line);
    box-shadow: 0 6px 24px rgba(26,18,9,.07);
}
html body .truth-block::before { background: radial-gradient(ellipse at 50% 0%, rgba(231,34,20,.05) 0%, transparent 60%); }
html body .fin-card:hover,
html body .action-card:hover { box-shadow: 0 14px 36px rgba(26,18,9,.12); }
html body .sig-block { border-top-color: var(--lt-line); }
html body .loc-divider { background: rgba(26,18,9,.08); }
html body .ac-soon { background: rgba(26,18,9,.04); border-color: rgba(26,18,9,.1); }

/* Image placeholders */
html body .img-ph,
html body .img-ph-dark { background: #f3f0ea; color: rgba(26,18,9,.28); }

/* Secondary button */
html body .btn-ghost { background: #fff; color: var(--lt-ink); border: 1px solid rgba(26,18,9,.15); }
html body .btn-ghost:hover { background: var(--lt-ink); color: #fff; }

/* ── Video / archive pages (styled by style.css with !important) ─────────── */
html body .featured-heading,
html body .black-heading { color: var(--lt-ink) !important; }
html body .size {
    background: #fff !important;
    border: 1px solid rgba(26,18,9,.08) !important;
    box-shadow: 0 6px 22px rgba(26,18,9,.08) !important;
}
html body .size:hover { box-shadow: 0 16px 40px rgba(26,18,9,.14) !important; }
html body .size .card-text { background: linear-gradient(135deg, #E72214 0%, #a80e08 100%) !important; }

/* Big admin-image pages (rewards, ask Blane, previews) */
html body .bigimage,
html body .bigimage > div { background: transparent !important; }

/* ── Accessibility: contrast (WCAG AA) ─────────────────────────────────── */
/* Small red text on light backgrounds uses the deeper brand red (5.4:1 vs 4.2:1) */
html body .ey,
html body .ey-warm,
html body .intro-tag,
html body .sig-title,
html body .intro-p .accent,
html body .hrs-day,
html body .hrs-time,
html body .btn-outline-red { color: #c41c11 !important; }
html body .btn-outline-red { border-color: #c41c11; }
html body .btn-outline-red:hover { color: #fff !important; background: #c41c11; }
html body .fin-apply span { color: #b0170c; }
html body .fin-card:hover .fin-apply span { color: #fff; }
/* Text on red strips: full white (pale pink was 3.3:1) */
html body .stat-lbl,
html body .cs-sub,
html body .sc-sub,
html body .info-strip p,
html body .rv-card[style*="--red"] * { color: #fff !important; }
html body .rv-meta { color: #6f665d; }

@media (max-width: 767px) {
    html body { background-size: 560px 560px !important; }
    html body .pg-hero,
    html body .sec.bg2,
    html body .cat-sec.bg2,
    html body .map-sec { background-size: 560px 560px; }
    html body .pg-hero:not(.pg-hero-tight) { padding: 44px 16px 36px; }
}