/* 808 Auto Glass — site styles (loaded by mu-plugin 808-site.php) */
:root{
  --ag-ink:#0f2530; --ag-muted:#4f6670; --ag-sea:#0b6e7f; --ag-sea-dk:#084f5c;
  --ag-sun:#f2a33a; --ag-sand:#f6f3ee; --ag-line:#dbe4e6; --ag-white:#fff;
  --ag-display:"Barlow Condensed",system-ui,sans-serif; --ag-body:"Source Sans 3",system-ui,sans-serif;
}
body{font-family:var(--ag-body);color:var(--ag-ink);background:var(--ag-white)}
.ag8 *{box-sizing:border-box}
.ag8{font-size:18px;line-height:1.6}
.ag8 h1,.ag8 h2,.ag8 h3{font-family:var(--ag-display);font-weight:700;line-height:1.1;letter-spacing:.01em;text-wrap:balance;color:var(--ag-ink);margin:0 0 .5em}
.ag8 h1{font-size:clamp(2.4rem,6vw,4rem);text-transform:uppercase}
.ag8 h2{font-size:clamp(1.8rem,4vw,2.6rem)}
.ag8 h3{font-size:1.45rem}
.ag8 p{margin:0 0 1em;max-width:68ch}
.ag8 a{color:var(--ag-sea)}
.ag8-wrap{max-width:1140px;margin:0 auto;padding:0 20px}
.ag8-sec{padding:64px 0}
.ag8-sand{background:var(--ag-sand)}
.ag8-dark{background:var(--ag-ink);color:#e7f0f2}
.ag8-dark h2,.ag8-dark h3{color:#fff}
.ag8-eyebrow{font-family:var(--ag-display);text-transform:uppercase;letter-spacing:.14em;font-size:.95rem;color:var(--ag-sea);font-weight:700;margin-bottom:.4em;display:block}
.ag8-dark .ag8-eyebrow{color:var(--ag-sun)}
/* hero */
.ag8-hero{background:linear-gradient(160deg,#0b6e7f 0%,#0f2530 70%);color:#fff;padding:72px 0 64px}
.ag8-hero h1{color:#fff}
.ag8-hero p{font-size:1.2rem;color:#d8eef1}
.ag8-hero .ag8-eyebrow{color:var(--ag-sun)}
.ag8-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.ag8-btn{display:inline-block;font-family:var(--ag-display);font-weight:700;font-size:1.25rem;letter-spacing:.04em;text-transform:uppercase;padding:14px 26px;border-radius:4px;text-decoration:none!important;border:2px solid transparent;transition:transform .15s}
.ag8-btn:hover{transform:translateY(-1px)}
.ag8-btn-sun{background:var(--ag-sun);color:var(--ag-ink)!important}
.ag8-btn-line{border-color:#fff;color:#fff!important}
.ag8-btn-sea{background:var(--ag-sea);color:#fff!important}
.ag8-trust{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:28px;padding:0;list-style:none;font-weight:600;color:#fff}
.ag8-trust li::before{content:"✓ ";color:var(--ag-sun)}
/* grids */
.ag8-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.ag8-card{background:#fff;border:1px solid var(--ag-line);border-radius:6px;padding:24px;min-width:0}
.ag8-card h3{margin-bottom:.35em}
.ag8-card p{font-size:1rem;color:var(--ag-muted);margin:0}
.ag8-steps{counter-reset:s;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));padding:0;list-style:none}
.ag8-steps li{counter-increment:s;padding-top:8px}
.ag8-steps li::before{content:counter(s);display:block;font-family:var(--ag-display);font-size:3rem;font-weight:700;color:var(--ag-sun);line-height:1}
.ag8-isles{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.ag8-isle{border-top:4px solid var(--ag-sea);background:#fff;padding:18px 20px;border-radius:0 0 6px 6px}
.ag8-isle h3{margin:0 0 .2em}
.ag8-isle p{font-size:.95rem;color:var(--ag-muted);margin:0}
.ag8-two{display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start}
.ag8-faq details{border-bottom:1px solid var(--ag-line);padding:14px 0}
.ag8-faq summary{font-weight:700;cursor:pointer;font-size:1.05rem}
.ag8-faq details p{margin:.6em 0 0;color:var(--ag-muted)}
.ag8-cta{background:var(--ag-sun);padding:44px 0;text-align:center}
.ag8-cta h2{margin-bottom:.3em}
.ag8-cta p{margin:0 auto 1em}
.ag8-phone{font-family:var(--ag-display);font-weight:700;font-size:2.2rem;color:var(--ag-ink)!important;text-decoration:none!important}
/* forms (Contact Form 7) */
.ag8 .wpcf7 label{display:block;font-weight:600;margin-bottom:14px}
.ag8 .wpcf7 input:not([type=submit]),.ag8 .wpcf7 select,.ag8 .wpcf7 textarea{width:100%;padding:12px;border:1px solid #b9c8cc;border-radius:4px;font:inherit;margin-top:4px;background:#fff}
.ag8 .wpcf7 textarea{height:120px}
.ag8 .wpcf7 input[type=submit]{background:var(--ag-sea);color:#fff;border:0;padding:14px 30px;font-family:var(--ag-display);font-size:1.25rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border-radius:4px;cursor:pointer}
.ag8 .wpcf7 .ag8-row{display:grid;gap:0 16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
/* sticky call bar (mobile) */
.ag8-callbar{position:fixed;left:0;right:0;bottom:0;z-index:999;display:none;background:var(--ag-ink);padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));gap:10px}
.ag8-callbar a{flex:1;text-align:center;padding:12px;border-radius:4px;font-family:var(--ag-display);font-weight:700;font-size:1.1rem;text-transform:uppercase;text-decoration:none}
.ag8-callbar .c1{background:var(--ag-sun);color:var(--ag-ink)}
.ag8-callbar .c2{background:var(--ag-sea);color:#fff}
@media (max-width:767px){.ag8-callbar{display:flex}body{padding-bottom:70px}.ag8-sec{padding:44px 0}}
/* hide theme page title on our pages, we use our own H1 */
.ag8-page .page-header{display:none}
.ag8-page .site-main{max-width:none!important;padding:0!important;margin:0!important;width:100%!important}
/* header / footer polish */
.site-header .site-title a,.site-header .site-branding a{font-family:var(--ag-display);font-weight:700;font-size:1.6rem;text-transform:uppercase;color:var(--ag-ink);text-decoration:none}
.site-header .site-navigation ul.menu li a{font-weight:600;color:var(--ag-ink)}
.ag8-foot{background:var(--ag-ink);color:#c9d8dc;padding:40px 0 24px;font-size:.95rem}
.ag8-foot a{color:#fff}
.ag8-foot .ag8-grid{gap:28px}
.ag8-foot h3{font-family:var(--ag-display);color:#fff;font-size:1.2rem;text-transform:uppercase;letter-spacing:.06em;margin:0 0 .5em}
.ag8-foot small{display:block;margin-top:24px;color:#8fa5ab}
@media (prefers-reduced-motion:reduce){.ag8-btn{transition:none}}#site-footer,.site-footer:not(.ag8-foot){display:none!important}