/* ===== Traffic Ally LIGHT THEME DRAFT — loads after site.css. Tokens first, then auto-mapped overrides, then manual fixes. ===== */
[data-theme=ta]{
  --paper:#F6F4EF;--paper2:#ECE8E1;--surface:#FFFFFF;--ink:#ECE8E1;--foot:#ECE8E1;--line:#D9D3C8;
  --head:#1A1C20;--txt:#22252A;--mute:#555B63;
  --acc:#3D6E0A;--acc-t:#3D6E0A;--acc-s:#5E9E12;--glow:rgba(92,150,18,.22);
  --g1:#6DB31B;--g2:#2FA35A;--g3:#129C7A;
  --hgrad:linear-gradient(95deg,#4E8A12 0%,#2F8F3A 45%,#0E8064 100%);
  --red:#E0484E;--amber:#E39A1E;--sun:#B8FF3C;--on-sun:#0B1A04;
  color-scheme:light;
}
.skip{color:#22252A}
.hdr{color:#22252A}
.hdr.solid{box-shadow:0 10px 30px rgba(40,36,28,0.081)}
.logo{box-shadow:0 6px 18px rgba(40,36,28,0.081)}
.nav a{color:#22252A}
.nav a:hover,.nav a[aria-current=page]{background:rgba(34,37,42,0.14)}
.dd ul{box-shadow:0 18px 40px rgba(40,36,28,0.135)}
.phone{color:#22252A}
.phone .ic{background:rgba(34,37,42,0.2)}
.burger{background:rgba(34,37,42,0.14);color:#22252A}
.btn{color:#22252A}
.btn.ghost{background:rgba(34,37,42,0.1);box-shadow:inset 0 0 0 2px rgba(34,37,42,0.75)}
.btn.ghost:hover{background:rgba(34,37,42,0.2)}
.btn.ink{color:#22252A}
.kick{color:#22252A}
.kick.lt{background:rgba(34,37,42,0.16)}
.hero{color:#22252A}
.hero::before{background:linear-gradient(180deg,rgba(40,36,28,0.2) 0,rgba(40,36,28,0) 26%),linear-gradient(15deg,color-mix(in srgb,var(--ink) 90%,transparent) 6%,color-mix(in srgb,var(--g3) 32%,transparent) 50%,color-mix(in srgb,var(--g1) 20%,transparent) 100%)}
.hero h1{color:#22252A;text-shadow:0 6px 40px rgba(40,36,28,0.113)}
.hero h1 .gtx{filter:drop-shadow(0 6px 30px rgba(40,36,28,0.113))}
.hero .lead{color:rgba(34,37,42,0.92)}
.hero .meta{color:rgba(34,37,42,0.85)}
.scroll-cue{border:2px solid rgba(34,37,42,0.7)}
.dark{color:rgba(34,37,42,0.88)}
.dark h2,.dark h3{color:#22252A}
.dark a:not(.btn){color:var(--acc-t)}
.dcard{box-shadow:0 20px 50px rgba(40,36,28,0.036)}
.dcard.head{color:#22252A}
.dcard.head h3{color:#22252A}
.dcard.head .tag{color:var(--acc-t)}
.dcard.safe{color:#22252A}
.band{color:#22252A}
.band h2{color:#22252A}
.mega .o{-webkit-text-stroke:2px rgba(34,37,42,0.85)}
.band p{color:rgba(34,37,42,0.9)}
.pc{box-shadow:0 22px 50px rgba(40,36,28,0.036)}
.pc:hover{box-shadow:0 30px 60px rgba(40,36,28,0.063)}
.pc.hot .amt{color:#22252A}
.pc.hot .lbl,.pc.hot .amt small,.pc.hot .note{color:rgba(34,37,42,0.75)}
.promo{color:#22252A}
.promo h2{color:#22252A}
.promo .big{text-shadow:0 20px 60px rgba(40,36,28,0.113)}
.rband{color:#22252A}
.rband h2{color:#22252A}
.fcard{box-shadow:0 24px 60px rgba(40,36,28,0.036)}
.fcard:hover{box-shadow:0 34px 70px rgba(40,36,28,0.0675)}
.fcard .ring::after{border:2px dashed rgba(34,37,42,0.55)}
.fcard .ski{filter:drop-shadow(0 26px 22px rgba(40,36,28,0.126))}
.fcard .go{color:#22252A}
.stat{background:rgba(34,37,42,0.08);border:1px solid rgba(34,37,42,0.14)}
.stat span{color:#22252A}
.scard{box-shadow:0 20px 50px rgba(40,36,28,0.0315)}
.scard:hover{box-shadow:0 30px 60px rgba(40,36,28,0.0585)}
.duo figcaption{color:#22252A}
.aw{color:#22252A}
.aw h2{color:#22252A}
.aw .lead{color:rgba(34,37,42,0.88)}
.aw-it{background:rgba(34,37,42,0.07);border:1px solid rgba(34,37,42,0.12);color:#22252A}
a.aw-it:hover{background:rgba(34,37,42,0.12)}
.aw-it .ic svg{color:#22252A}
.aw-it b{color:rgba(34,37,42,0.7)}
.post{box-shadow:0 18px 44px rgba(40,36,28,0.0315)}
.post:hover{box-shadow:0 28px 60px rgba(40,36,28,0.0585)}
.pager span{color:#22252A}
.article blockquote{color:#22252A}
.article blockquote cite{color:rgba(34,37,42,0.8)}
.tile{color:#22252A}
.tile h3{color:#22252A}
.info .ic{color:#22252A}
.hours{color:#22252A}
.hours i{color:var(--acc-t)}
.dark .hours{background:rgba(34,37,42,0.1)}
.rate .hl{color:#22252A}
.rate .hl .big{color:#22252A}
.rate .hl .big+span{color:rgba(34,37,42,0.78)}
.ftr{color:rgba(34,37,42,0.75)}
.ftr a{color:#22252A}
.ft-name{color:#22252A}
.ft-h{color:var(--acc-t)}
.ft-bot{border-top:1px solid rgba(34,37,42,0.12)}
.soc a{background:rgba(34,37,42,0.1)}
.feat{box-shadow:0 18px 44px rgba(40,36,28,0.027)}
.feat:hover{box-shadow:0 26px 56px rgba(40,36,28,0.054)}
.feat .ico{color:#22252A}
.panel{box-shadow:0 18px 44px rgba(40,36,28,0.027)}
.steps li::before{color:#22252A}
.rt{box-shadow:0 18px 44px rgba(40,36,28,0.027)}
.cta{color:#22252A}
.cta h2{color:#22252A}
.cta p{color:rgba(34,37,42,0.9)}
.cta a:not(.btn){color:var(--acc-t)}
[data-theme=ta] .btn.ghost{color:#22252A}
[data-theme=ta] .phone{background:rgba(92,150,18,0.1);color:#22252A;box-shadow:inset 0 0 0 1px rgba(92,150,18,0.45)}
[data-theme=ta] .kick{background:rgba(92,150,18,0.1);color:var(--acc-t);box-shadow:inset 0 0 0 1px rgba(92,150,18,0.35)}
[data-theme=ta] .kick.lt{background:rgba(34,37,42,0.06);color:#22252A;box-shadow:inset 0 0 0 1px rgba(34,37,42,0.2)}
[data-theme=ta] .hero{background:radial-gradient(80% 70% at 85% 10%,rgba(20,150,115,0.18),transparent 60%),radial-gradient(70% 80% at 0% 100%,rgba(92,150,18,0.1),transparent 65%),var(--ink)}
[data-theme=ta] .hero::before{background:linear-gradient(0deg,rgba(255,255,255,0.95) 0,rgba(255,255,255,0.45) 50%,rgba(255,255,255,0.65) 100%)}
[data-theme=ta] .hero::after{background-image:linear-gradient(rgba(34,37,42,0.045) 1px,transparent 1px),linear-gradient(90deg,rgba(34,37,42,0.045) 1px,transparent 1px)}
[data-theme=ta] .ft-h{color:var(--acc-t)}
[data-theme=ta] .fld input,[data-theme=ta] .fld textarea,[data-theme=ta] .fld select{background:#FFFFFF;border-color:#D9D3C8}
[data-theme=ta] .formcard{box-shadow:0 30px 80px rgba(40,36,28,0.2)}
[data-theme=ta] .faq summary::after{background:#E6E1D8}
.gridbg::before{background-image:linear-gradient(rgba(34,37,42,0.035) 1px,transparent 1px),linear-gradient(90deg,rgba(34,37,42,0.035) 1px,transparent 1px)}
.cs-frame{background:#ECE8E1;box-shadow:0 40px 90px rgba(40,36,28,0.2)}
.cs-frame .bar3{background:#FFFFFF}
.cs-frame .bar3 i{background:#D9D3C8}
.metric{background:rgba(92,150,18,0.08);box-shadow:inset 0 0 0 1px rgba(92,150,18,0.3)}
.metric b{color:var(--acc-t)}
.svc .feat{background:linear-gradient(180deg,#FFFFFF,#F3F0EA)}
a.proj:hover,.proj:hover{border-color:rgba(92,150,18,0.45)}
.believe{background:radial-gradient(60% 90% at 50% 0%,rgba(92,150,18,0.16),transparent 70%),var(--paper2)}
.quote p{color:#22252A}
.tags span{background:rgba(34,37,42,0.07);box-shadow:inset 0 0 0 1px rgba(34,37,42,0.18);color:#22252A}
.plan .tagp{color:var(--acc-t)}
.plan.pop{border-color:rgba(92,150,18,0.6);background:linear-gradient(180deg,#EEF6DF,#FFFFFF 60%)}
.ticker .t{background:rgba(255,255,255,0.82);box-shadow:0 18px 40px rgba(40,36,28,0.158)}
.cue span{border:2px solid rgba(34,37,42,0.4)}
.story-bg::before{background:radial-gradient(circle,rgba(225,60,66,0.32),transparent 65%)}
.story-bg::after{background:radial-gradient(circle,rgba(92,150,18,0.24),rgba(20,150,115,0.12) 45%,transparent 70%)}
.story-bg .grid{background-image:linear-gradient(rgba(34,37,42,0.064) 1px,transparent 1px),linear-gradient(90deg,rgba(34,37,42,0.064) 1px,transparent 1px)}
.cap .k{color:var(--acc-t)}
.cap .k.bad{color:#B4262C}
.lines path{stroke:var(--acc-t);filter:drop-shadow(0 0 6px rgba(92,150,18,0.6))}
.lines .pulse{fill:var(--acc-t)}
.hub{background:linear-gradient(180deg,#EEF6DF,#FFFFFF);border:1px solid rgba(92,150,18,0.6);box-shadow:0 0 0 6px rgba(92,150,18,0.07),0 0 60px rgba(92,150,18,0.35);color:#22252A}
.card{background:rgba(255,255,255,0.94);border:1px solid #D9D3C8;box-shadow:0 30px 60px rgba(40,36,28,0.2)}
.card.hot{border-color:rgba(225,60,66,0.55);box-shadow:0 0 0 3px rgba(225,60,66,0.12),0 30px 60px rgba(40,36,28,0.2)}
.card.ok{border-color:rgba(92,150,18,0.45)}
.ch{color:#22252A}
.badge-n{color:#22252A}
.node{box-shadow:0 0 0 4px rgba(92,150,18,0.15),0 0 24px var(--sun)}
.node::after{border:1px solid rgba(92,150,18,0.5);color:var(--acc-t)}
.mail{border-top:1px solid #E3DED5}
.mail b{color:#22252A}
.lab.l1{background:rgba(92,150,18,0.16);color:var(--acc-t)}
.lab.l2{background:rgba(20,150,115,0.16);color:#0B7A5E}
.lab.l3{color:#8F5400}
.bub.v{color:#22252A}
.wait{color:#B4262C}
.tagline{background:rgba(92,150,18,0.14);color:var(--acc-t)}
.ph-num{color:#22252A}
.ring{color:#22252A}
.missed{color:#B4262C}
.ph-b .row{background:#EFEBE4;color:#22252A}
.cal .s{background:#EFEBE4;border:1px dashed #CFC8BC;color:#6B7179}
.cal .s.on{background:linear-gradient(180deg,rgba(92,150,18,0.9),rgba(140,240,90,.8))}
.crm td{border-top:1px solid #E3DED5;color:#22252A}
.sk{background:#E3DED5}
.chip.new{color:#1F5FA8}
.chip.q{color:#8F5400}
.chip.b{background:rgba(92,150,18,0.16);color:var(--acc-t)}
.notes .n.on{background:#EFEBE4}
.alert{background:rgba(255,238,238,.97);border:1px solid rgba(225,60,66,0.55);color:#22252A;box-shadow:0 20px 40px rgba(40,36,28,0.2)}
.alert.ok{background:rgba(255,255,255,0.96);border-color:rgba(92,150,18,0.55)}
.alert.amb{background:rgba(255,245,226,.97)}
.alert.amb.ok{background:rgba(255,255,255,0.96);border-color:rgba(92,150,18,0.55)}
.status span{background:rgba(255,255,255,0.95);border:1px solid rgba(92,150,18,0.45);color:#22252A}
.status span b{color:var(--acc-t)}
.agent{background:linear-gradient(180deg,#FFFFFF,#F3F0EA)}
.agent::before{background:radial-gradient(circle,rgba(92,150,18,0.22),transparent 70%)}
.agent .role{color:var(--acc-t)}
.agent dt{color:#22252A}
.proc .fill{box-shadow:0 0 12px rgba(92,150,18,0.6)}
.step.lit .no{box-shadow:0 0 24px rgba(92,150,18,0.5)}
.offer:hover{border-color:rgba(92,150,18,0.5)}
.offer .num{color:var(--acc-t)}
.offer .go{color:var(--acc-t)}/* ---- manual fixes ---- */
:focus-visible{outline-color:#3D6E0A}
[style*="color:#fff"]{color:var(--head)!important}
[data-theme=ta] .btn.ghost{color:var(--head);background:rgba(255,255,255,.6);box-shadow:inset 0 0 0 2px rgba(34,37,42,.55)}
[data-theme=ta] .btn.ghost:hover{background:#fff}
.btn:active{transform:translateY(0) scale(.98);box-shadow:0 4px 12px var(--glow)}
.btn:focus-visible{outline:3px solid #22252A;outline-offset:3px}
.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none;filter:grayscale(.4)}
[data-theme=ta] .nav a.nav-cta{color:#0B1A04}
.hdr.solid{background:color-mix(in srgb,#F6F4EF 90%,transparent);box-shadow:0 1px 0 var(--line),0 10px 30px rgba(40,36,28,.08)}
.dd ul{background:#fff;border:1px solid var(--line)}
[data-theme=ta] .hero{background:radial-gradient(80% 70% at 85% 10%,rgba(20,150,115,.12),transparent 60%),radial-gradient(70% 80% at 0% 100%,rgba(92,150,18,.10),transparent 65%),#F6F4EF}
[data-theme=ta] .hero::before{background:linear-gradient(0deg,rgba(246,244,239,.97) 0,rgba(246,244,239,.80) 50%,rgba(246,244,239,.88) 100%)}
.story-bg::before{background:radial-gradient(circle,rgba(230,70,76,.20),transparent 65%)}
.story-bg::after{background:radial-gradient(circle,rgba(110,179,27,.22),rgba(18,156,122,.10) 45%,transparent 70%)}
.card{background:rgba(255,255,255,.97)}
.card.hot{background:#FFF7F6}
.alert{color:#22252A}
.alert .ic2{color:#fff}
.alert.ok .ic2{color:#0B1A04}
.ring{color:#fff}.badge-n{color:#fff}
.node::after{background:#fff;color:#3D6E0A;border-color:rgba(92,150,18,.5)}
.notes .n.on{background:#EFEBE4;color:#555B63}
.cal .s.on{color:#0B1A04}
.step.lit .no{color:#0B1A04;box-shadow:0 0 0 4px rgba(184,255,60,.35)}
.proc .fill{box-shadow:none}
.rail i b{background:#5E9E12}
.ticker .t{background:rgba(255,255,255,.9)}
.quote{background:#ECE8E1}
.cs-frame .bar3 i:nth-child(3){background:#7CC51F}
.ph-b .row,.status span{color:#22252A}
.tags span{color:#22252A}
.bub.v{background:#ECE8E1}
.badge-n,.alert .ic2{background:#C8363C}.ok .badge-n,.alert.ok .ic2{background:var(--sun)}.alert.amb .ic2{background:var(--amber);color:#2c1e08}

/* Traffic Ally Slipstream logo (2026-10-27) */
[data-theme=ta] .logo{padding:5px 10px}
[data-theme=ta] .logo img{height:40px;width:auto}
[data-theme=ta] .hdr.solid .logo img{height:34px}
[data-theme=ta] .ft-brand .logo img{height:48px}
@media (max-width:1020px){[data-theme=ta] .logo img,[data-theme=ta] .hdr.solid .logo img{height:32px}}
@media (max-width:520px){[data-theme=ta] .logo{padding:4px 8px}[data-theme=ta] .logo img,[data-theme=ta] .hdr.solid .logo img{height:28px}[data-theme=ta] .ft-brand .logo img{height:40px}}

/* Mobile menu fix: the blurred header traps the fixed menu after scrolling, so drop the blur while the menu is open */
@media (max-width:1020px){.hdr.open{-webkit-backdrop-filter:none;backdrop-filter:none}}