/* stone-theme.css — Rustic stone reskin for United Traffic Tickets
 * Overrides the navy/amber palette with warm limestone, sandstone & bronze.
 * Also declutters: hides topbar, AI strips, and hero badge clutter.
 * Load AFTER style.css: <link rel="stylesheet" href="/stone-theme.css?v=4">
 */
:root{
  --arm-red:#a03a2a; --arm-blue:#4a4238; --arm-blue-dark:#2e2a24; --arm-blue-mid:#5c5347;
  --arm-orange:#8a5a2b; --arm-orange-dark:#6f4520;
  --navy:#4a4238; --navy-dark:#2e2a24; --navy-mid:#5c5347;
  --amber:#8a5a2b; --amber-dark:#6f4520; --amber-ink:#6f4520;
  --ink:#2e2a24; --cloud:#f6f1e7; --line:#d9cdb4; --muted:#5f5545;
}

/* page base */
body{background:#f6f1e7 !important;color:#2e2a24 !important;}

/* ---------- declutter: hide noisy header/middle elements ---------- */
.topbar{display:none !important;}
.ai-strip-top{display:none !important;}
.ai-strip{display:none !important;}
section.ai-strip{display:none !important;}
.hero-ai-chips{display:none !important;}
.hero-badges{display:none !important;}
#utt-contrast-fix{display:none !important;}

/* ---------- header: light stone, not navy ---------- */
.site-header, header.site-header{background:#fffdf8 !important;border-bottom:1px solid #d9cdb4 !important;}
.nav{background:#fffdf8 !important;}
.nav a, .nav-links a{color:#2e2a24 !important;}
.nav a:hover{color:#8a5a2b !important;}
.site-header::after{background:linear-gradient(90deg,#a03a2a 0 33.333%,#4a4238 33.333% 66.666%,#8a5a2b 66.666% 100%) !important;}

/* ---------- hero: warm stone gradient, calm type ---------- */
.hero,.sub-hero{background:linear-gradient(180deg,#f6f1e7,#ece3d0) !important;}
.hero h1,.hero h2,.sub-hero h1{color:#2e2a24 !important;}
.hero p,.hero .muted,.sub-hero p.sub,.sub-hero .breadcrumb,.sub-hero .breadcrumb a{color:#5f5545 !important;}
.sub-hero .eyebrow{color:#8a5a2b !important;}

/* ---------- buttons: bronze, not bright amber ---------- */
.btn-amber,.btn-primary,.utt-scan-pay-btn,.btn[href*="assistant"]{
  background:#8a5a2b !important;border-color:#8a5a2b !important;color:#fff !important;}
.btn-amber:hover,.btn-primary:hover{filter:brightness(.92);}

/* ---------- cards & sections: warm paper ---------- */
.card,.doc-card,.ast-card,.step-card{background:#fffdf8 !important;border-color:#d9cdb4 !important;}
.section-light{background:#f6f1e7 !important;}
.section-dark{background:#2e2a24 !important;}
.section-dark h2,.section-dark h3{color:#f6f1e7 !important;}
.section-dark p{color:#c9bfae !important;}
.strip-guarantee{background:#ece3d0 !important;}

/* kill harsh navy panels still using raw hex */
[style*="041C4D"],[style*="10233F"]{background-color:#2e2a24 !important;}

/* footer calm */
footer{background:#2e2a24 !important;color:#c9bfae !important;}
footer a{color:#d9cdb4 !important;}
.footer-legal{background:#241f18 !important;color:#a89a83 !important;}

/* ---------- CTA band: warm stone, readable text ---------- */
.section-cta{background:linear-gradient(135deg,#ece3d0,#e0d2b6) !important;color:#2e2a24 !important;}
.section-cta h1,.section-cta h2,.section-cta h3{color:#2e2a24 !important;}
.section-cta p,.section-cta .muted{color:#5c5347 !important;}

/* step numbers: bronze discs */
.step-num{background:#8a5a2b !important;color:#fff !important;}

/* ---------- nav dropdowns: light stone panels, not dark ---------- */
.nav-links li.drop > ul{background:#fffdf8 !important;border:1px solid #d9cdb4 !important;box-shadow:0 20px 40px rgba(46,42,36,.16) !important;}
.nav-links li.drop ul a{color:#2e2a24 !important;}
.nav-links li.drop ul a:hover{color:#6f4520 !important;background:#f6f1e7 !important;}
/* dropdown caret: dark chevron on the light nav (was invisible white) */
.nav-links li.drop > a::after{border-right-color:#2e2a24 !important;border-bottom-color:#2e2a24 !important;}
/* mobile menu + hamburger: visible on the light nav */
.nav-toggle-bar{background:#2e2a24 !important;}
@media(max-width:860px){
  .nav-links{background:#fffdf8 !important;box-shadow:0 14px 30px rgba(46,42,36,.18) !important;}
  .nav-links a{color:#2e2a24 !important;border-bottom-color:#d9cdb4 !important;}
  .nav-links a:hover{background:#f6f1e7 !important;color:#6f4520 !important;}
  .nav-links li.drop > ul a{border-bottom-color:#ece3d0 !important;}
}

/* ---------- COLOR LOCKDOWN (2026-09-30): stone everywhere, blue never returns ----------
   Page stylesheets (case.css, pages.css) load AFTER this file and reintroduce blue.
   Everything below keeps the stone palette authoritative regardless of load order. */

/* remap the case-center palette variables to stone */
:root{
  --case-blue:#8a5a2b !important;
  --case-navy:#2e2a24 !important;
  --case-orange:#8a5a2b !important;
  --case-paper:#f6f1e7 !important;
  --case-line:#d9cdb4 !important;
  --case-ink:#2e2a24 !important;
  --case-muted:#7a6e5c !important;
}

/* case hero: warm stone gradient with dark text (was blue gradient / white text) */
.case-hero{background:linear-gradient(180deg,#f6f1e7,#ece3d0) !important;color:#2e2a24 !important;}
.case-hero h1{color:#2e2a24 !important;}
.case-lead{color:#7a6e5c !important;}
.case-lookup{background:rgba(255,253,248,.72) !important;border-color:#d9cdb4 !important;box-shadow:0 24px 70px rgba(46,42,36,.12) !important;}
.case-lookup label{color:#2e2a24 !important;}
.case-status.error{color:#a03a2a !important;}
.case-status.ok{color:#3f7a4e !important;}
.case-status.loading{color:#8a5a2b !important;}

/* case cards & accents: stone tints (were light blues) */
.case-primary{background:linear-gradient(145deg,#fffdf8,#f6f1e7) !important;}
.case-pill{background:#ece3d0 !important;}
.case-progress{background:#ece3d0 !important;}
.workflow-status.review{background:#ece3d0 !important;}
.workflow-meta div{background:#fffdf8 !important;}
.case-timeline-item:not(:last-child)::after{background:#d9cdb4 !important;}
.document-vault{border-color:#d9cdb4 !important;background:#fffdf8 !important;}
.vault-icon{background:#ece3d0 !important;}
.case-remember{accent-color:#8a5a2b !important;color:#7a6e5c !important;}
.case-privacy p{color:#7a6e5c !important;}

/* case help band: dark stone gradient (was dark blue); white text stays readable */
.case-help{background:linear-gradient(120deg,#2e2a24,#4a4238) !important;}

/* blue links from pages.css -> bronze */
.prose a,.ticket-card a,.ch-tile a,.tiny-legal a{color:#8a5a2b !important;}
.article-card h2 a:hover{color:#6f4520 !important;}