/*
Theme Name: DoorTech Doors & Gates
Theme URI: https://doortechdoorsandgates.com
Author: DoorTech
Description: Mobile-first local service theme for DoorTech Doors & Gates.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: doortech
*/
:root{--orange:#f36b21;--dark:#101214;--steel:#24282c;--light:#f5f6f7;--white:#fff;--muted:#687078;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:#17191b;line-height:1.6;background:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.wrap{width:min(var(--max),calc(100% - 36px));margin:auto}.topbar{background:#090a0b;color:#fff;font-size:.9rem;padding:7px 0}.topbar .wrap,.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}.site-header{position:sticky;top:0;z-index:50;background:rgba(17,19,21,.97);color:#fff;border-bottom:3px solid var(--orange)}.brand{display:flex;align-items:center;gap:12px;padding:12px 0}.brand-mark{width:48px;height:48px;background:var(--orange);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);display:grid;place-items:center;font-weight:900}.brand strong{display:block;font:900 1.35rem/1 Oswald,Arial,sans-serif;letter-spacing:.5px}.brand span{font-size:.7rem;color:#ccc;letter-spacing:1.2px}.nav{display:flex;gap:22px;font-weight:700;font-size:.9rem}.nav a:hover{color:var(--orange)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 21px;background:var(--orange);color:#fff!important;font-weight:900;border-radius:4px;border:0;text-transform:uppercase;letter-spacing:.35px;box-shadow:0 8px 22px rgba(243,107,33,.22)}.btn.dark{background:#151719}.btn.outline{background:transparent;border:2px solid #fff}.hero{min-height:650px;color:#fff;display:grid;align-items:center;background:linear-gradient(90deg,rgba(8,10,12,.94) 0%,rgba(8,10,12,.78) 48%,rgba(8,10,12,.22)),url('assets/garage-door.jpg') center/cover}.hero-content{max-width:730px;padding:75px 0}.eyebrow{color:var(--orange);font-weight:900;text-transform:uppercase;letter-spacing:2px}.hero h1,.page-hero h1{font:900 clamp(2.7rem,7vw,5.7rem)/.94 Oswald,Arial,sans-serif;text-transform:uppercase;margin:12px 0 22px}.hero p{font-size:1.18rem;max-width:650px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.trust{background:var(--orange);color:#fff}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.trust-grid div{padding:22px 12px;border-right:1px solid rgba(255,255,255,.25);font-weight:900}.section{padding:78px 0}.section.gray{background:var(--light)}.section.dark{background:#131518;color:#fff}.section-title{max-width:760px;margin:0 auto 38px;text-align:center}.section-title h2{font:900 clamp(2rem,4.5vw,3.6rem)/1 Oswald,Arial,sans-serif;text-transform:uppercase;margin:8px 0 12px}.section-title p{color:var(--muted)}.dark .section-title p{color:#bdc2c6}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 12px 35px rgba(0,0,0,.09);border-bottom:4px solid var(--orange)}.card img{width:100%;height:240px;object-fit:cover}.card-body{padding:25px}.card h3{font:900 1.55rem/1.1 Oswald,Arial,sans-serif;text-transform:uppercase;margin:0 0 10px}.text-link{color:var(--orange);font-weight:900}.product-card img{object-fit:contain;background:#fff;padding:18px}.badge{display:inline-block;background:#16181a;color:#fff;padding:4px 9px;font-size:.72rem;font-weight:800;border-radius:2px}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center}.split h2{font:900 clamp(2rem,4vw,3.5rem)/1 Oswald,Arial,sans-serif;text-transform:uppercase}.checklist{list-style:none;padding:0}.checklist li{margin:12px 0;padding-left:28px;position:relative}.checklist li:before{content:'✓';position:absolute;left:0;color:var(--orange);font-weight:900}.areas{columns:4;column-gap:28px}.areas a{display:block;padding:5px 0;color:#d8dcdf}.areas a:hover{color:var(--orange)}.cta{background:linear-gradient(110deg,#f36b21,#c8460c);color:#fff;padding:45px 0}.cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:28px}.cta h2{font:900 2.2rem/1 Oswald,Arial,sans-serif;margin:0 0 8px;text-transform:uppercase}.page-hero{padding:90px 0 70px;background:linear-gradient(100deg,#111 20%,#2a2e32);color:#fff}.page-hero h1{font-size:clamp(2.5rem,6vw,4.7rem)}.content{max-width:900px;margin:auto}.content h2{font:900 2rem/1.1 Oswald,Arial,sans-serif;text-transform:uppercase;margin-top:38px}.site-footer{background:#090a0b;color:#cdd1d4;padding:54px 0 90px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}.site-footer h3{color:#fff;font-family:Oswald,sans-serif;text-transform:uppercase}.legal{border-top:1px solid #2b2e30;margin-top:35px;padding-top:20px;font-size:.8rem}.mobile-call{display:none}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:1.7rem}.notice{font-size:.78rem;color:#747b80}.quote-box{background:#fff;color:#17191b;padding:28px;border-radius:6px}.quote-box input,.quote-box textarea,.quote-box select{width:100%;padding:13px;margin:7px 0 12px;border:1px solid #ccd0d3;border-radius:3px}.quote-box textarea{min-height:110px}
@media(max-width:850px){.nav{display:none;position:absolute;top:76px;left:0;right:0;background:#111;padding:20px;flex-direction:column}.nav.open{display:flex}.menu-toggle{display:block}.header-call{display:none}.hero{min-height:590px;background-position:62% center}.trust-grid{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr}.split{grid-template-columns:1fr}.areas{columns:2}.footer-grid{grid-template-columns:1fr}.cta .wrap{display:block}.cta .btn{margin-top:15px}.mobile-call{display:flex;position:fixed;z-index:80;bottom:0;left:0;right:0;background:var(--orange);color:#fff;padding:15px;justify-content:center;font-weight:900;text-transform:uppercase}.site-footer{padding-bottom:100px}}@media(max-width:480px){.topbar{display:none}.brand strong{font-size:1.1rem}.hero-content{padding:55px 0}.hero h1{font-size:3.2rem}.trust-grid{grid-template-columns:1fr}.trust-grid div{padding:14px}.areas{columns:1}}