/*
Theme Name: Huntsville AL Electricians Blog
Template: kadence
Version: 1.0.0
Description: Kadence child theme for the Huntsville AL Electricians /blog/ section.
Author: Loyal Web Solutions
*/
@font-face{font-family:"Archivo";font-style:normal;font-weight:100 900;font-display:swap;src:url("assets/archivo-var-latin.woff2") format("woff2")}
:root{
 --navy-950:#081430;--navy-900:#0b1b3a;--navy-800:#0f2658;--navy-700:#163275;
 --blue-600:#1d56cc;--blue-500:#2f6bff;--blue-100:#e6eeff;--blue-50:#f2f6ff;
 --gold-400:#ffc72c;--gold-300:#ffd65e;--gold-100:#fff5d6;
 --red-700:#b42318;--red-50:#fff1f0;--ink:#0d1830;--text:#2f3b52;--muted:#56647c;
 --line:#dbe3ef;--bg:#fff;--bg-soft:#f4f7fc;--font:"Archivo",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
 --radius-sm:8px;--radius:14px;--radius-lg:22px;--shadow:0 10px 30px -12px rgba(11,27,58,.22),0 2px 6px rgba(11,27,58,.06);
 --container:1200px;--gutter:clamp(16px,4vw,32px);--header-h:68px;--callbar-h:64px;
}
*,*:before,*:after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 16px)}
body{margin:0;font-family:var(--font);font-size:1.0625rem;line-height:1.65;color:var(--text);background:#fff;overflow-x:hidden;padding-bottom:calc(var(--callbar-h) + env(safe-area-inset-bottom,0px))}
img,svg{max-width:100%;height:auto;display:block}a{color:var(--blue-600);text-underline-offset:.18em}a:hover{color:var(--navy-800)}
h1,h2,h3,h4{color:var(--ink);line-height:1.15;letter-spacing:-.015em;margin:0 0 .6em;font-weight:800;overflow-wrap:break-word}
h1{font-size:clamp(2rem,1.3rem + 3vw,3.25rem);letter-spacing:-.025em}h2{font-size:clamp(1.55rem,1.15rem + 1.6vw,2.25rem)}h3{font-size:clamp(1.15rem,1.05rem + .4vw,1.3rem)}
p{margin:0 0 1em;overflow-wrap:break-word}
.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:48px;padding:.75rem 1.35rem;border-radius:999px;border:2px solid transparent;font-weight:800;font-size:1rem;letter-spacing:.02em;line-height:1.1;text-decoration:none;cursor:pointer;white-space:nowrap}
.btn svg{width:20px;height:20px;flex:none}.btn:hover{text-decoration:none}
.btn-call{background:var(--gold-400);color:var(--navy-900)!important;box-shadow:0 6px 18px -8px rgba(255,199,44,.8)}
.btn-call:hover{background:var(--gold-300);color:var(--navy-950)!important}
.btn-call--lg{min-height:58px;padding:.95rem 1.8rem;font-size:1.125rem}
.skip-link{position:absolute;left:12px;top:-80px;z-index:1000;background:var(--navy-900);color:#fff;padding:.75rem 1rem;border-radius:var(--radius-sm);font-weight:700}.skip-link:focus{top:12px;color:#fff}

/* Header - source site's exact design tokens/breakpoints */
.topbar{background:var(--navy-950);color:#d5def0;font-size:.875rem;display:none}.topbar .container{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:38px}.topbar a{color:#fff;font-weight:700;text-decoration:none}.topbar a:hover{color:var(--gold-300)}
.site-header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;gap:1rem;min-height:var(--header-h)}
.brand{display:inline-flex;align-items:center;flex:none;margin-right:auto}.brand img{width:128px;height:auto}
.header-call{display:none}
.nav-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-width:48px;height:48px;padding:0 .75rem;border-radius:12px;border:1px solid var(--line);background:#fff;cursor:pointer;color:var(--navy-900);font-weight:700}
.nav-toggle svg{width:22px;height:22px}.nav-toggle .icon-close{display:none}.nav-toggle[aria-expanded=true] .icon-open{display:none}.nav-toggle[aria-expanded=true] .icon-close{display:block}
.primary-nav{position:fixed;inset:var(--header-h) 0 0;z-index:99;background:#fff;overflow-y:auto;padding:8px var(--gutter) calc(var(--callbar-h) + 32px);visibility:hidden;opacity:0;transform:translateY(-8px);transition:.18s}
.primary-nav.is-open{visibility:visible;opacity:1;transform:none}body.nav-open{overflow:hidden}
.nav-list{list-style:none;margin:0;padding:0}.nav-item{border-bottom:1px solid var(--line)}.nav-row{display:flex;align-items:stretch}
.nav-link{flex:1;display:flex;align-items:center;min-height:56px;padding:.5rem 0;color:var(--ink);font-weight:750;font-size:1.05rem;text-decoration:none}
.nav-link:hover,.nav-link[aria-current=page]{color:var(--blue-600)}
.sub-toggle{display:inline-flex;align-items:center;justify-content:center;width:56px;min-height:56px;border:0;background:transparent;cursor:pointer;color:var(--navy-800)}
.sub-toggle svg{width:20px;height:20px;transition:transform .2s}.sub-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
button.sub-toggle {display:none;}
.mega{display:none;padding:0 0 1rem}.nav-item.is-open>.mega{display:block}.mega__inner{display:grid;gap:1.25rem}
.mega__group h3{font-size:.75rem;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin:0 0 .35rem;font-weight:750}
.mega__group ul{list-style:none;margin:0;padding:0}.mega__group+ .mega__group{/* margin-top:1.25rem */}
.mega__group a{display:flex;align-items:center;min-height:44px;padding:.25rem 0;color:var(--text);text-decoration:none;font-size:1rem}.mega__group a:hover{color:var(--blue-600);text-decoration:underline}
.mega__all{display:inline-flex;align-items:center;gap:.35rem;margin-top:.5rem;font-weight:750;min-height:44px}
.mega__foot{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:.75rem;margin-top:.5rem}
.nav-cta{margin-top:1.5rem}.nav-cta .btn{width:100%}

/* Blog archive */
.blog-hero{position:relative;overflow:hidden;color:#e3eaf8;background:radial-gradient(900px 480px at 85% -10%,rgba(47,107,255,.35),transparent 60%),linear-gradient(160deg,var(--navy-900),var(--navy-800) 70%,#12306e);padding-block:clamp(40px,7vw,78px)}
.blog-hero h1{color:#fff}.blog-hero p{color:#d8e2f5;max-width:760px;font-size:clamp(1.1rem,1rem + .4vw,1.25rem)}
.eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-300);margin-bottom:.75rem}.eyebrow:before{content:"";width:18px;height:3px;border-radius:2px;background:var(--gold-400)}
.blog-section{padding-block:clamp(48px,7vw,88px);background:var(--bg-soft)}
.post-grid{display:grid;gap:clamp(16px,2.2vw,24px)}
.post-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 1px 2px rgba(11,27,58,.06);display:flex;flex-direction:column;height:100%;transition:.15s}
.post-card:hover{border-color:#a9bfeb;box-shadow:var(--shadow);transform:translateY(-2px)}
.post-thumb{display:block;aspect-ratio:16/9;background:linear-gradient(135deg,#e6eeff,#f4f7fc);overflow:hidden}.post-thumb img{width:100%;height:100%;object-fit:cover}
.post-thumb-placeholder{height:100%;display:grid;place-items:center;text-align:center;color:var(--navy-800);font-weight:800;padding:1rem}
.post-body{padding:1.35rem;display:flex;flex-direction:column;flex:1}.post-meta{font-size:.85rem;color:var(--muted);margin-bottom:.55rem}.post-title{font-size:1.35rem;margin-bottom:.45rem}.post-title a{color:var(--ink);text-decoration:none}.post-title a:hover{color:var(--blue-600)}
.post-excerpt{font-size:.98rem;flex:1}.read-more{display:inline-flex;margin-top:.85rem;font-weight:750;font-size:.95rem;text-decoration:none}
.pagination{margin-top:2rem}.pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:42px;margin:.2rem;border:1px solid var(--line);border-radius:var(--radius-sm);text-decoration:none;font-weight:700;background:#fff}.pagination .current{background:var(--navy-800);color:#fff;border-color:var(--navy-800)}

/* Single post */
.single-section{padding-block:clamp(48px,7vw,88px)}.breadcrumbs{font-size:.875rem;margin-bottom:1rem;color:var(--muted)}.breadcrumbs a{color:var(--blue-600)}
.content-layout{display:grid;gap:2.5rem}.prose{min-width:0}.entry-title{font-size:clamp(2rem,1.3rem + 3vw,3.25rem)}.entry-meta{font-size:.9rem;color:var(--muted);margin-bottom:1.5rem}
.featured-image{margin:0 0 2rem;border-radius:var(--radius);overflow:hidden}.featured-image img{width:100%;height:auto}
.prose-content{font-size:1.06rem}.prose-content h2{margin-top:2rem}.prose-content h3{margin-top:1.5rem}.prose-content img{border-radius:var(--radius)}.prose-content blockquote{margin:1.5rem 0;padding:1rem 1.15rem;background:var(--blue-50);border-left:4px solid var(--gold-400)}
.sidebar{display:grid;gap:1.25rem;align-content:start}
.emergency-box{position:sticky;top:calc(var(--header-h) + 24px);background:var(--red-50);border:2px solid #f0a9a2;border-top:6px solid var(--red-700);border-radius:var(--radius);padding:1.35rem;box-shadow:0 12px 30px rgba(180,35,24,.14)}
.emergency-badge{display:inline-flex;background:#ffe1dd;color:#8e1c12;border-radius:999px;padding:.35rem .7rem;font-size:.8rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.8rem}
.emergency-box h2{font-size:1.45rem}.emergency-box p{font-size:.95rem}.emergency-phone{display:block;font-size:1.75rem;font-weight:850;color:var(--red-700);text-decoration:none;margin:.6rem 0 1rem;overflow-wrap:anywhere}.emergency-box .btn{width:100%}
.side-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem}.side-card h2{font-size:1.1rem}.side-card ul{list-style:none;margin:0;padding:0}.side-card li a{display:flex;min-height:44px;align-items:center;padding:.2rem 0;border-bottom:1px solid #edf1f7;text-decoration:none;color:var(--text)}.side-card li:last-child a{border-bottom:0}

/* Footer exactly follows supplied site's footer system */
.site-footer{background:var(--navy-950);color:#b8c5de;font-size:.95rem}.footer-cta{border-bottom:1px solid rgba(255,255,255,.08)}.footer-cta .container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding-block:1.75rem}.footer-cta p{margin:0;color:#fff;font-weight:750;font-size:1.15rem}
.footer-grid{display:grid;gap:2rem;padding-block:2.5rem 1.75rem}.footer-brand img{width:180px;margin-bottom:1rem}.footer-brand p{max-width:40ch}.site-footer h2{color:#fff;font-size:.85rem;letter-spacing:.09em;text-transform:uppercase;margin-bottom:.75rem}.site-footer ul{list-style:none;margin:0;padding:0}.site-footer li a{display:inline-flex;align-items:center;min-height:36px;color:#d4ddef;text-decoration:none}.site-footer li a:hover{color:var(--gold-300);text-decoration:underline}
.footer-note{font-size:.85rem;color:#93a3c2;margin-top:1rem}.footer-disclaimer{border-top:1px solid rgba(255,255,255,.08);padding-block:1.25rem}.footer-disclaimer p{font-size:.8rem;line-height:1.6;color:#a9b7d1;margin:0 0 .6rem;max-width:1100px}.footer-disclaimer strong{color:#dbe4f5}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-block:1.25rem;font-size:.85rem;color:#93a3c2}.footer-bottom .container{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;justify-content:space-between}.footer-bottom a{color:#c7d3ea}.footer-legal{display:inline-flex;gap:.25rem .6rem;align-items:center}.footer-legal a{display:inline-flex;min-height:32px;align-items:center}
.callbar{position:fixed;left:0;right:0;bottom:0;z-index:120;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));background:rgba(8,20,48,.97);box-shadow:0 -8px 24px rgba(8,20,48,.25)}.callbar .btn{width:100%;min-height:48px}

@media(min-width:480px){.brand img{width:150px}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:640px){.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:900px){
 :root{--header-h:80px}body{padding-bottom:0}.callbar{display:none}.topbar{display:block}.brand img{width:168px}
 .content-layout{grid-template-columns:minmax(0,1fr) 320px;gap:3.5rem}
 .footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr}.footer-brand{grid-column:auto}
 .sidebar{position:sticky;top:calc(var(--header-h) + 24px)}
}
@media(min-width:1100px){
 .header-call{display:inline-flex}.nav-toggle{display:none}
 .primary-nav{position:static;inset:auto;visibility:visible;opacity:1;transform:none;padding:0;overflow:visible;background:transparent;transition:none}
 .nav-list{display:flex;align-items:center;gap:.1rem}.nav-item{border:0;position:static}.nav-row{align-items:center}.header-inner{position:relative}
 .nav-link{min-height:44px;padding:.5rem .55rem;font-size:.98rem;font-weight:700;border-radius:8px}.nav-link:hover{background:var(--bg-soft)}
 .sub-toggle{width:28px;min-height:44px;margin-left:-.35rem}.sub-toggle svg{width:16px;height:16px}
 .has-mega>.nav-row{position:relative}.has-mega>.nav-row::after{content:"";position:absolute;left:-18px;right:-18px;top:100%;height:22px}.mega{position:absolute;top:calc(100% - 6px);left:50%;transform:translateX(-50%);width:min(1040px,calc(100vw - 48px));padding:1.5rem 1.75rem 1.25rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);max-height:calc(100vh - var(--header-h) - 24px);overflow-y:auto}
 html:not(.js) .has-mega:hover>.mega,.has-mega:hover>.mega,.nav-item.is-open>.mega{display:block}.mega__inner{grid-template-columns:repeat(5,minmax(0,1fr));gap:1.25rem 1.75rem}.mega__group a{min-height:32px;font-size:.94rem}
 .post-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:899px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.25rem}.footer-brand{grid-column:1/-1}}
@media(max-width:639px){.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-cta .container{align-items:flex-start}.blog-hero{padding-block:40px 52px}}
@media(max-width:899px){.emergency-box{position:static}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
