/* Allen's Automotive TRUST color variant B (preview 2026-10-27). Classic Navy & Gold: deep navy with warm gold CTAs and accents. Colors only. */
:root { --gold:#e2a93b; --gold-dark:#c98d1a; --blue:#24446f; --ink:#13284a; --line:#e3dccb; }
#header { background:#13284a !important; box-shadow:0 2px 14px rgba(0,0,0,.35); }
#header .header-top { background:#0b1a33 !important; border-bottom:2px solid #e2a93b; color:#fff !important; }
#header .header-top i { color:#e2a93b; }
.nav-links a:hover, .nav-links a.active { background:rgba(255,255,255,.12) !important; box-shadow:inset 0 -2px 0 #e2a93b; }
#header .nav-cta { background:#e2a93b !important; color:#1a1205 !important; border-color:rgba(255,255,255,.35) !important; }
#header .nav-cta i { color:#1a1205 !important; }
#header .nav-cta:hover, #header .nav-cta:focus-visible { background:#f0c062 !important; color:#1a1205 !important; }
#hero.hero-cover { background:#0b1a33 !important; }
#hero.hero-cover .hero-badge { color:#f6dca0 !important; border-color:rgba(226,169,59,.6) !important; background:rgba(9,22,44,.62) !important; }
#hero.hero-cover .hero-trust { border-left-color:#e2a93b !important; }
#hero.hero-cover .hero-stat .num { color:#e2a93b !important; }
.btn-primary, #hero.hero-cover .btn-primary { background:#e2a93b !important; color:#1a1205 !important; box-shadow:0 8px 22px rgba(226,169,59,.32) !important; }
.btn-primary i { color:#1a1205 !important; }
.btn-primary:hover, .btn-primary:focus-visible, #hero.hero-cover .btn-primary:hover { background:#f0c062 !important; color:#1a1205 !important; }
.btn-white { background:#e2a93b !important; color:#1a1205 !important; }
.btn-white:hover { background:#f0c062 !important; }
.pain-cta .btn-outline, section:not(#hero):not(#cta) .btn-outline { color:#13284a !important; border-color:#13284a !important; background:transparent !important; }
.pain-cta .btn-outline:hover, section:not(#hero):not(#cta) .btn-outline:hover { background:#13284a !important; color:#fff !important; }
.section-label { color:#24446f !important; letter-spacing:.14em; }
.commit-inner>.section-label { color:#e2a93b !important; }
.divider { background:linear-gradient(90deg,#e2a93b 0 55%,#24446f 55% 100%) !important; }
.section-header h2, #about h2, #why .section-header h2, #faq .section-header h2 { color:#13284a !important; }
#about, #why, .local-guide { background:#f8f5ee !important; }
#reviews { background:linear-gradient(180deg,#fff 0%,#f8f5ee 100%) !important; }
.badge { background:#fff !important; border-color:#e3dccb !important; color:#13284a !important; }
.badge i { color:#24446f !important; }
.pain-card { background:#fff !important; border-color:#e3dccb !important; }
.pain-card:hover { border-color:#e2a93b !important; box-shadow:0 12px 28px rgba(0,0,0,.10) !important; }
.pain-icon { background:#13284a !important; color:#fff !important; box-shadow:0 0 0 4px #e9eef6 !important; }
.pain-card h3 { color:#13284a !important; }
.why-card { background:#fff !important; border:1px solid #e3dccb !important; border-top:3px solid #e2a93b !important; }
.why-card i, .service-card i, .svc-icon i, .why-item i { color:#24446f !important; }
.why-card h3 { color:#13284a !important; }
.svc-icon { background:#e9eef6 !important; }
.service-showcase { background:linear-gradient(135deg,#fff 0%,#e9eef6 100%) !important; border-color:#e3dccb !important; }
.stars { color:#c98d1a !important; }
.review-card { border-color:#e3dccb !important; }
.reviewer-avatar { background:#13284a !important; color:#fff !important; }
#faq details { border-color:#e3dccb !important; background:#fff !important; }
#faq details[open] { border-left:3px solid #e2a93b !important; }
#faq summary:hover, #faq summary::marker { color:#24446f; }
#cta { background:radial-gradient(120% 140% at 50% 0%,#1d3a66 0%,#13284a 55%,#0b1a33 100%) !important; border-top:4px solid #e2a93b; }
footer { background:#0b1a33 !important; }
footer .footer-col h4 { border-bottom-color:#e2a93b !important; }
footer .info-item i, .footer-col .info-item i { color:#e2a93b !important; }
footer a:focus-visible { color:#e2a93b; }
.footer-bottom { border-top-color:rgba(255,255,255,.14) !important; }
.local-guide a, #faq a { color:#24446f; }
.hero-cover-shade { background:linear-gradient(90deg,rgba(9,22,44,.96) 0%,rgba(9,22,44,.90) 30%,rgba(9,22,44,.60) 54%,rgba(9,22,44,.10) 72%),linear-gradient(0deg,rgba(9,22,44,.72) 0%,transparent 45%) !important; }
@media (max-width:700px) { .hero-cover-shade { background:linear-gradient(0deg,#0b1a33 0%,#0b1a33 53%,rgba(9,22,44,.9) 58%,rgba(9,22,44,.34) 74%,rgba(9,22,44,.08) 100%) !important; } }