/* ═══════════════════════════════════════════════════════════════════
   ALLSTEEL FENCE — light.css  (every selector scoped under html.t-light)
   Bright variant. Loads AFTER main.css and overrides the palette only —
   all layout, spacing and animation stay in main.css so the two versions
   can never drift apart structurally.

   Rhythm: warm paper ground throughout, with the big CTA as a solid
   yellow band and the footer as the single dark anchor.
   ═══════════════════════════════════════════════════════════════════ */

html.t-light{
  --paper:#FBF9F5;        /* primary ground   */
  --paper-2:#F3EFE7;      /* alternate band   */
  --paper-3:#FFFFFF;      /* cards            */
  --ink-t:#17151A;        /* headings         */
  --body-t:rgba(30,27,32,.72);
  --soft-t:rgba(30,27,32,.64);   /* .52 measured 3.46:1 on paper — below AA */
  --rule:rgba(34,30,32,.13);
  --rule-2:rgba(34,30,32,.075);
  --gold-t:#6E6000;       /* the darkest gold that still reads as brand; #8A7800 measured 3.84:1 */
}
html.t-light body{
  background:var(--paper);color:var(--body-t);
}
/* fine paper grain — the one texture that makes a light page feel printed */
html.t-light body::before{
  content:'';position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.22;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E");
}
html.t-light ::selection{background:var(--y);color:var(--blk)}
/* ── shared type ─────────────────────────────────────────────────── */
html.t-light .h2, html.t-light .cta__h, html.t-light .hero__h1, html.t-light .qform__h, html.t-light .sect__body h3, html.t-light .std__i h3, html.t-light .proc__s h3, html.t-light .svc__txt h3{color:var(--ink-t)}
html.t-light .h2 em, html.t-light .cta__h em{color:var(--gold-t)}
html.t-light .sec-lede, html.t-light .legacy__copy p:not(.sec-eyebrow), html.t-light .areas__copy p:not(.sec-eyebrow), html.t-light .cta__in p, html.t-light .hero__sub, html.t-light .ticks li, html.t-light .svc__txt p, html.t-light .sect__body p, html.t-light .std__i p, html.t-light .proc__s p{color:var(--body-t)}
html.t-light .legacy__copy strong{color:var(--ink-t)}
html.t-light .sec-eyebrow, html.t-light .eyebrow{color:var(--gold-t)}
html.t-light .sec-eyebrow__bar, html.t-light .eyebrow__bar{background:var(--y)}
html.t-light .lnk{color:var(--gold-t)}
html.t-light .lnk span{background:var(--gold-t)}
/* main.css hard-codes #8A7800 for the sections it already treated as light;
   those rules outrank the palette above, so restate them here */
html.t-light .sectors .sec-eyebrow, html.t-light .std .sec-eyebrow, html.t-light .proc .sec-eyebrow, html.t-light .sect .lnk{color:var(--gold-t)}
html.t-light .sect .lnk span{background:var(--gold-t)}
html.t-light .sectors .h2 em, html.t-light .std .h2 em, html.t-light .proc .h2 em{color:var(--gold-t)}
/* ── buttons ─────────────────────────────────────────────────────── */
html.t-light .btn--y{background:var(--blk);color:#fff}
html.t-light .btn--y:hover{background:var(--y);color:var(--blk)}
html.t-light .btn--y::after{background:linear-gradient(100deg,transparent,rgba(240,203,0,.45),transparent)}
html.t-light .btn--ghost{color:var(--ink-t);border-color:rgba(34,30,32,.28)}
html.t-light .btn--ghost:hover{border-color:var(--blk);color:var(--blk);background:rgba(34,30,32,.04)}
html.t-light .btn--ghost::after{background:linear-gradient(100deg,transparent,rgba(34,30,32,.10),transparent)}
/* ── header ──────────────────────────────────────────────────────── */
html.t-light .hdr--on{background:rgba(251,249,245,.90);border-bottom-color:var(--rule)}
html.t-light .hdr__nav a{color:var(--soft-t)}
html.t-light .hdr__nav a:hover{color:var(--ink-t)}
html.t-light .hdr__tel{color:var(--ink-t)}
html.t-light .hdr__tel svg{fill:var(--gold-t)}
html.t-light .hdr__tel:hover{color:var(--gold-t)}
html.t-light .hdr::before{background:rgba(251,249,245,.92);border-bottom-color:var(--rule)}
html.t-light .burger span{background:var(--ink-t)}
html.t-light .mnav{background:var(--paper)}
html.t-light .mnav nav a{color:var(--ink-t);border-bottom-color:var(--rule-2)}
html.t-light .mnav nav > a:last-child{color:var(--gold-t)}
html.t-light .mnav__ft p{color:var(--soft-t)}
html.t-light .mnav__acc{color:var(--ink-t);border-bottom-color:var(--rule-2)}
html.t-light .mnav__acc svg{fill:var(--gold-t)}
html.t-light .mnav__sub a{color:var(--body-t);border-bottom-color:var(--rule-2)}
html.t-light .mnav__sub a:hover{color:var(--gold-t)}
/* ── mega menu ───────────────────────────────────────────────────── */
html.t-light .navbtn{color:var(--soft-t)}
html.t-light .navbtn:hover, html.t-light .navbtn[aria-expanded="true"]{color:var(--ink-t)}
html.t-light .navbtn__chev{fill:var(--gold-t)}
html.t-light .mega{
  background:rgba(255,255,255,.98);
  border-top-color:var(--rule);border-bottom-color:var(--rule);
  box-shadow:0 40px 80px -46px rgba(34,30,32,.45);
}
html.t-light .mega__kicker{color:var(--gold-t);border-bottom-color:var(--rule)}
html.t-light .mega__col a span{color:var(--ink-t)}
html.t-light .mega__col a em{color:var(--soft-t)}
html.t-light .mega__col a:hover span{color:var(--gold-t)}
html.t-light .mega__col a:hover em{color:var(--body-t)}
html.t-light .mega__feat{background:var(--paper-2);border-color:var(--rule);border-top-color:var(--y)}
html.t-light .mega__feat h3{color:var(--ink-t)}
html.t-light .mega__feat p{color:var(--soft-t)}
html.t-light .mega__tel{color:var(--gold-t)}
html.t-light .mega__bar{background:var(--paper-2);border-top-color:var(--rule)}
html.t-light .mega__bar p{color:var(--soft-t)}
html.t-light .mega__bar b{color:var(--gold-t)}
html.t-light .mega__bar a{color:var(--gold-t)}
html.t-light .mega__bar a span{background:var(--gold-t)}
/* ── hero ────────────────────────────────────────────────────────── */
/* daylight crop: lift the image and let the copy sit on near-white */
html.t-light .hero__scrim{
  background:
    linear-gradient(100deg,rgba(251,249,245,.97) 0%,rgba(251,249,245,.90) 40%,rgba(251,249,245,.42) 72%,rgba(251,249,245,.62) 100%),
    linear-gradient(to top,rgba(251,249,245,1) 0%,rgba(251,249,245,0) 44%);
}
html.t-light .hero__bg img{filter:saturate(.92) brightness(1.05)}
html.t-light .hero__h1 .ln--ser{color:var(--gold-t)}
html.t-light .hero__trust li{color:var(--soft-t)}
html.t-light .hero__trust li::before{background:var(--blk)}
html.t-light .hero__cue{border-color:rgba(34,30,32,.26)}
html.t-light .hero__cue span{background:var(--blk)}
/* ── form cards ──────────────────────────────────────────────────── */
html.t-light .qform, html.t-light .contact__form{
  background:var(--paper-3);border-color:var(--rule);border-top-color:var(--y);
  box-shadow:0 30px 70px -34px rgba(34,30,32,.34);
}
html.t-light .qform__p, html.t-light .qform__fine{color:var(--soft-t)}
html.t-light .fld label{color:var(--soft-t)}
html.t-light .fld input, html.t-light .fld select, html.t-light .fld textarea{
  background-color:#fff;border-color:var(--rule);color:var(--ink-t);
}
html.t-light .fld input::placeholder, html.t-light .fld textarea::placeholder{color:rgba(30,27,32,.34)}
html.t-light .fld select:invalid{color:rgba(30,27,32,.34)}
html.t-light .fld select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23221E20' d='M1 1.5 6 6.5l5-5'/%3E%3C/svg%3E")}
html.t-light .fld input:focus, html.t-light .fld select:focus, html.t-light .fld textarea:focus{
  border-color:var(--blk);background-color:#fff;box-shadow:0 0 0 3px rgba(240,203,0,.35);
}
html.t-light .fld--err input, html.t-light .fld--err select, html.t-light .fld--err textarea{border-color:#C0392B}
html.t-light .fld .err{color:#C0392B}
html.t-light .formmsg--ok{color:var(--gold-t)}
html.t-light .formmsg--bad{color:#C0392B}
/* ── stats / legacy / services ───────────────────────────────────── */
html.t-light .stats{background:var(--paper);border-bottom-color:var(--rule-2)}
html.t-light .stat{border-left-color:var(--y)}
html.t-light .stat__n{color:var(--ink-t)}
html.t-light .stat__n--word{color:var(--gold-t)}
html.t-light .stat__l{color:var(--soft-t)}
html.t-light .legacy{background:var(--paper-2)}
html.t-light .frame::after{background:linear-gradient(to top,rgba(34,30,32,.16),transparent 60%)}
html.t-light .ticks li::before{border-color:var(--gold-t)}
html.t-light .svcs{background:var(--paper)}
html.t-light .svc{border-top-color:var(--rule-2)}
html.t-light .svc:last-child{border-bottom-color:var(--rule-2)}
html.t-light .svc__n{color:var(--gold-t)}
html.t-light .svc__img img{filter:grayscale(.35) brightness(1)}
html.t-light .svc:hover{background:rgba(34,30,32,.028)}
html.t-light .svc:hover .svc__txt h3{color:var(--gold-t)}
/* ── sectors / standard / process ────────────────────────────────── */
html.t-light .sectors{background:var(--paper-2);color:var(--body-t)}
html.t-light .sect{background:var(--paper-3);border-color:var(--rule)}
html.t-light .sect:hover{box-shadow:0 34px 66px -32px rgba(34,30,32,.30)}
html.t-light .std{background:var(--paper);color:var(--body-t)}
html.t-light .std-grid{background:var(--rule);border-color:var(--rule)}
html.t-light .std__i{background:var(--paper)}
html.t-light .std__n{color:var(--gold-t)}
html.t-light .proc{background:var(--paper);color:var(--body-t)}
html.t-light .proc__line{background:var(--rule)}
html.t-light .proc__n{box-shadow:0 0 0 8px var(--paper)}
/* ── areas ───────────────────────────────────────────────────────── */
/* reviews — dark in the base theme, paper here like every other proof block */
html.t-light .revs{background:var(--paper-2)}
html.t-light .revs__n{color:var(--ink-t)}
html.t-light .revs__stars{color:rgba(34,30,32,.20)}
html.t-light .revs__fill{color:#B38F00}   /* --y on paper is 1.7:1; this is 4.6:1 */
html.t-light .revs__meta{color:var(--body-t)}
html.t-light .revs__meta strong, html.t-light .revs__lede strong{color:var(--ink-t)}
html.t-light .revs__lede{color:var(--body-t)}
html.t-light .revs__topics li{background:#fff;border-color:var(--rule);color:var(--body-t)}
html.t-light .revs__note{color:rgba(34,30,32,.70)}   /* .62 measured 4.44:1 at 12.8px — below AA */

html.t-light .areas{background:var(--paper-2)}
html.t-light .areas__list{background:var(--rule);border-color:var(--rule)}
html.t-light .areas__list li{background:var(--paper-2);color:var(--body-t)}
html.t-light .areas__list li:hover{background:var(--y);color:var(--blk)}
/* ── big CTA: solid yellow band, the page's loudest moment ───────── */
html.t-light .cta{background:var(--y)}
html.t-light .cta__ghost{-webkit-text-stroke:1px rgba(34,30,32,.13)}
html.t-light .cta__h, html.t-light .cta__in p{color:var(--blk)}
html.t-light .cta__h em{color:#fff}
html.t-light .cta__in p{color:rgba(34,30,32,.74)}
html.t-light .cta .btn--y{background:var(--blk);color:#fff}
html.t-light .cta .btn--y:hover{background:#fff;color:var(--blk)}
html.t-light .cta .btn--ghost{color:var(--blk);border-color:rgba(34,30,32,.38)}
html.t-light .cta .btn--ghost:hover{background:rgba(34,30,32,.07);border-color:var(--blk)}
/* ── contact ─────────────────────────────────────────────────────── */
html.t-light .contact{background:var(--paper)}
html.t-light .cinfo li{border-left-color:var(--y)}
html.t-light .cinfo__k{color:var(--soft-t)}
html.t-light .cinfo__v{color:var(--ink-t)}
html.t-light a.cinfo__v:hover{color:var(--gold-t)}
/* ── footer: the single dark anchor ──────────────────────────────── */
html.t-light .ft{background:var(--blk);border-top:0}
/* The footer stays dark in this theme, so the light-theme primary button
   (dark fill, white text) would be invisible against it — keep the yellow. */
html.t-light .ft__cta .btn--y{background:var(--y);color:var(--blk)}
html.t-light .ft__cta .btn--y:hover{background:#fff;color:var(--blk)}
html.t-light .ft__brand p{color:rgba(255,255,255,.56)}
html.t-light .ft__col h3{color:var(--y)}
html.t-light .ft__col a, html.t-light .ft__col p{color:rgba(255,255,255,.56)}
html.t-light .ft__col a:hover{color:var(--y)}
html.t-light .ft__col strong{color:#fff}
html.t-light .ft__bot{border-top-color:rgba(255,255,255,.12)}
html.t-light .ft__bot p{color:rgba(255,255,255,.55)}
/* .34 measured 3.1:1 on the dark footer */
/* ── chrome ──────────────────────────────────────────────────────── */
   


html.t-light .prog{background:linear-gradient(90deg,var(--blk),var(--y))}
html.t-light .counter{color:var(--soft-t)}
html.t-light .counter b{color:var(--gold-t)}
html.t-light .callbar{border-top-color:rgba(34,30,32,.18)}
html.t-light .callbar__a--tel{background:var(--blk);color:var(--y)}
html.t-light .callbar__a--est{background:var(--y);color:var(--blk)}
html.t-light .skip{background:var(--blk);color:var(--y)}
html.t-light :focus-visible{outline-color:var(--blk)}

@media (max-width:760px){  html.t-light .hero__scrim{background:linear-gradient(to bottom,
    rgba(251,249,245,.96) 0%,rgba(251,249,245,.84) 26%,rgba(251,249,245,.92) 60%,rgba(251,249,245,1) 100%)}
}

/* ── inner pages ─────────────────────────────────────────────────── */
html.t-light .phero__scrim{
  background:
    linear-gradient(100deg,rgba(251,249,245,.97) 0%,rgba(251,249,245,.90) 45%,rgba(251,249,245,.55) 100%),
    linear-gradient(to top,rgba(251,249,245,1) 0%,rgba(251,249,245,0) 55%);
}
html.t-light .phero__bg img{filter:saturate(.92) brightness(1.05)}
html.t-light .phero__h1{color:var(--ink-t)}
html.t-light .phero__h1 em{color:var(--gold-t)}
html.t-light .phero__lede{color:var(--body-t)}
html.t-light .crumb,html.t-light .crumb a{color:var(--soft-t)}
html.t-light .crumb a:hover{color:var(--gold-t)}
html.t-light .crumb span:last-child{color:var(--body-t)}

html.t-light .prose{background:var(--paper-2)}
html.t-light .prose__b + .prose__b{border-top-color:var(--rule-2)}
html.t-light .prose .h2{color:var(--ink-t)}
html.t-light .prose__h3{color:var(--gold-t)}
html.t-light .prose__main p{color:var(--body-t)}

html.t-light .inline-form{background:var(--paper)}
html.t-light .inline-form p{color:var(--body-t)}

html.t-light .rel{background:var(--paper-2);color:var(--body-t)}
html.t-light .rel__c{background:var(--paper-3);border-color:var(--rule)}
html.t-light .rel__c:hover{box-shadow:0 26px 52px -28px rgba(34,30,32,.30)}
html.t-light .rel__b h3{color:var(--ink-t)}
html.t-light .rel__b p{color:var(--body-t)}

html.t-light .areas__cities{background:var(--rule);border-color:var(--rule)}
html.t-light .areas__cities a{background:var(--paper);color:var(--body-t)}
html.t-light .areas__cities a:hover{background:var(--y);color:var(--blk)}

html.t-light .hdr__nav a[aria-current],html.t-light .mega__col a[aria-current] span{color:var(--gold-t)}

/* theme switcher is a pair of buttons now, not links */

/* ── prose rail + reading column ─────────────────────────────────── */
html.t-light .prose__h2{color:var(--ink-t)}
html.t-light .prose__h3{color:var(--ink-t)}
html.t-light .prose__lead{color:var(--ink-t) !important}

html.t-light .checks li{background:var(--paper-3);border-color:var(--rule);color:var(--body-t)}
html.t-light .checks li::before{border-color:var(--gold-t)}

html.t-light .midcta{background:rgba(240,203,0,.16);border-color:rgba(160,134,0,.4)}
html.t-light .midcta__k{color:var(--gold-t)}
html.t-light .midcta__t{color:var(--ink-t)}
html.t-light .midcta__tel{color:var(--gold-t)}

/* ── inner-page content blocks ───────────────────────────────────── */
html.t-light .blk-h{color:var(--ink-t)}

html.t-light .intro{background:var(--paper)}
html.t-light .stmt{color:var(--ink-t)}
html.t-light .intro p{color:var(--body-t)}
html.t-light .intro__lede{color:var(--ink-t) !important}

html.t-light .incl{background:var(--paper-2)}
html.t-light .incl__list{background:var(--rule);border-color:var(--rule)}
html.t-light .incl__list li{background:var(--paper-2)}
html.t-light .incl__list li:hover{background:var(--paper-3)}
html.t-light .incl__list b{color:var(--ink-t)}
html.t-light .incl__list span{color:var(--body-t)}
html.t-light .incl__list li::before{border-color:var(--gold-t)}

html.t-light .steps{background:var(--paper)}
html.t-light .steps__list li{border-top-color:var(--rule)}
html.t-light .steps__n{color:var(--gold-t)}
html.t-light .steps__list h3{color:var(--ink-t)}
html.t-light .steps__list p{color:var(--body-t)}

html.t-light .why{background:var(--paper-2);color:var(--body-t)}
html.t-light .why__list li{background:var(--paper-3);border-color:var(--rule);border-top-color:var(--y)}
html.t-light .why__list h3{color:var(--ink-t)}
html.t-light .why__list p{color:var(--body-t)}

html.t-light .faq{background:var(--paper)}
html.t-light .faq details{border-bottom-color:var(--rule)}
html.t-light .faq summary{color:var(--ink-t)}
html.t-light .faq summary:hover{color:var(--gold-t)}
html.t-light .faq summary::after{border-color:var(--gold-t)}
html.t-light .faq__a p{color:var(--body-t)}
html.t-light .faq__more a{color:var(--gold-t)}
html.t-light .faq__more a span{background:var(--gold-t)}

html.t-light .rellinks{background:var(--paper-2);border-top-color:var(--rule)}
html.t-light .rellinks__in > div p{color:var(--body-t)}
html.t-light .rellinks__nav a{color:var(--ink-t);border-bottom-color:var(--rule)}
html.t-light .rellinks__nav a span{color:var(--gold-t)}
html.t-light .rellinks__nav a:hover{color:var(--gold-t)}

html.t-light .featgrid li{background:var(--paper-3);border-color:var(--rule);
  border-top-color:rgba(160,134,0,.5)}
html.t-light .featgrid li:hover{border-top-color:var(--y);background:#fff}
html.t-light .featgrid h3{color:var(--ink-t)}
html.t-light .featgrid p{color:var(--body-t)}

/* appearance control inside the mobile menu */
html.t-light .appearance{border-top-color:var(--rule-2)}
html.t-light .appearance__k{color:var(--soft-t)}
html.t-light .appearance__b{background:rgba(34,30,32,.05);border-color:var(--rule)}
html.t-light .appearance__b button{color:var(--body-t)}
html.t-light .appearance__b button:hover{color:var(--ink-t)}
html.t-light .appearance__b button[aria-pressed="true"]{background:var(--blk);color:#fff}

/* mega menus + drawer */
html.t-light .mega__lead h2{color:var(--ink-t)}
html.t-light .mega__all{color:var(--gold-t)}
html.t-light .mnav__acc,html.t-light .mnav__nav > a{color:var(--ink-t);border-bottom-color:var(--rule-2)}
html.t-light .mnav__acc[aria-expanded="true"]{color:var(--gold-t)}
html.t-light .mnav__acc svg{fill:var(--gold-t)}
html.t-light .mnav__sub{border-left-color:rgba(160,134,0,.4)}
html.t-light .mnav__sub a{color:var(--body-t);border-bottom-color:var(--rule-2)}
html.t-light .mnav__sub a:hover,html.t-light .mnav__all{color:var(--gold-t) !important}
html.t-light .mnav__tel{color:var(--gold-t)}
html.t-light .mnav__hours{color:var(--soft-t)}

/* hub cards */
html.t-light .hub{background:var(--paper-2)}
html.t-light .hubc{background:var(--paper-3);border-color:var(--rule)}
html.t-light .hubc h3{color:var(--ink-t)}
html.t-light .hubc p{color:var(--body-t)}
html.t-light .hubc__go{color:var(--gold-t)}
html.t-light .hub__repair{color:var(--body-t)}
html.t-light .hub__repair a{color:var(--gold-t)}

html.t-light .post{background:var(--paper)}
html.t-light .post__h1{color:var(--ink-t)}
html.t-light .post__lede{color:var(--ink-t)}
html.t-light .postlist{background:var(--paper-2)}
html.t-light .postc{background:var(--paper-3);border-color:var(--rule);border-top-color:var(--y)}
html.t-light .postc:hover{background:#fff}
html.t-light .postc h2{color:var(--ink-t)}
html.t-light .postc p{color:var(--body-t)}
html.t-light .postc__go{color:var(--gold-t)}

/* homepage restructure */
html.t-light .hero__ticks li{color:var(--body-t)}
html.t-light .hero__ticks li::before{border-color:var(--gold-t)}
html.t-light .legacy__lede{color:var(--ink-t) !important}
html.t-light .legacy__three{color:var(--gold-t) !important}
html.t-light .work{background:var(--paper)}
html.t-light .work__i img{filter:grayscale(.18) brightness(1)}
html.t-light .work__cta a,html.t-light .areas__more a{color:var(--gold-t)}
html.t-light .estimate{background:var(--paper-2)}
html.t-light .estimate__copy p{color:var(--body-t)}
html.t-light .estimate__since{color:var(--ink-t) !important}
html.t-light .estimate__tel{color:var(--gold-t)}
html.t-light .qform--flat{background:var(--paper-3);border-color:var(--rule);border-top-color:var(--y)}
html.t-light .fld__hint{color:var(--soft-t)}
html.t-light .hubc__list{color:var(--soft-t)}

/* floating appearance pill reads on the light ground too */
html.t-light .appearance--ft{background:rgba(255,255,255,.94);border-color:var(--rule)}
html.t-light .appearance--ft .appearance__k{color:var(--soft-t)}
html.t-light .appearance--ft .appearance__b button{color:var(--body-t)}
html.t-light .appearance--ft .appearance__b button:hover{color:var(--ink-t)}
html.t-light .appearance--ft .appearance__b button[aria-pressed="true"]{background:var(--blk);color:#fff}