/*
Theme Name: RoofFix V5
Author: RoofFix
Description: RoofFix custom theme adapted from supplied static website.
Version: 1.0.0
Text Domain: rooffix
*/
@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600;700;800;900&display=swap');*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Heebo,Arial,sans-serif;color:#171717;background:#f7f5f1;line-height:1.65}.top{background:#171717;color:#fff;text-align:center;padding:8px}.top a{color:#fff}header{height:88px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;gap:22px;position:sticky;top:0;z-index:20;border-bottom:1px solid #eee}.brand img{width:330px;max-width:42vw;display:block}nav{display:flex;gap:20px;align-items:center}nav a{color:#292929;text-decoration:none;font-weight:700;font-size:14px}.call,.btn{background:#c85f22;color:#fff;text-decoration:none;padding:12px 19px;border-radius:8px;font-weight:800}.hero{min-height:650px;background:linear-gradient(90deg,#fff 0 53%,transparent 53%),url('https://images.unsplash.com/photo-1767884163937-38bd5fa692cf?auto=format&fit=crop&q=85&w=1800') center/cover;display:flex;align-items:center}.heroIn{width:52%;padding:70px 6vw}.eyebrow{color:#b9531e;font-weight:900}.hero h1{font-size:58px;line-height:1.05;margin:12px 0 20px;letter-spacing:-2px}.hero h1 span{color:#c85f22}.hero p{font-size:19px;color:#555}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.ghost{border:1px solid #aaa;color:#222;text-decoration:none;padding:11px 18px;border-radius:8px;font-weight:800}.proof{display:flex;gap:14px;flex-wrap:wrap;font-size:14px}.strip{background:#c85f22;color:#fff;padding:22px 6vw;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}.strip b{display:block;font-size:20px}.section{padding:80px 7vw}.head{max-width:850px;margin-bottom:32px}.head h2{font-size:42px;line-height:1.15;margin:8px 0}.head p{color:#666;font-size:18px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:#fff;padding:28px;border-radius:12px;border:1px solid #e4dfd8}.card h3{font-size:23px;margin:8px 0}.card p{color:#626262}.card a{color:#b9531e;font-weight:800;text-decoration:none}.tech{background:#1d1c1a;color:#fff;display:grid;grid-template-columns:1fr 1fr}.tech .photo{min-height:570px;background:url('https://images.unsplash.com/photo-1676030844161-e92abcc5f3fc?auto=format&fit=crop&q=85&w=1500') center/cover}.tech .content{padding:70px 7vw}.tech h2{font-size:45px;line-height:1.15}.tech p{color:#ccc}.tech li{margin:13px 0}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.day{background:#fff;padding:28px;border-top:5px solid #c85f22;border-radius:10px}.gallery{background:#fff}.photos{display:grid;grid-template-columns:1.3fr .85fr .85fr;gap:12px}.photos figure{margin:0;position:relative}.photos img{width:100%;height:370px;object-fit:cover;border-radius:10px}.photos figcaption{position:absolute;bottom:12px;right:12px;background:#111d;color:#fff;padding:7px 11px;border-radius:6px}.cta{padding:65px 7vw;background:#c85f22;color:#fff;display:flex;justify-content:space-between;gap:30px;align-items:center}.cta h2{font-size:40px;margin:0}.cta .btn{background:#171717}.phone{direction:ltr;unicode-bidi:isolate;display:inline-block}footer{padding:40px 7vw;background:#111;color:#aaa;display:flex;justify-content:space-between;align-items:center}footer img{width:280px;filter:brightness(0) invert(1)}.pageHero{padding:75px 7vw;background:#eee8df}.pageHero h1{font-size:52px;margin:8px 0}.article{max-width:950px;margin:auto;padding:70px 25px}.article h2{font-size:32px;margin-top:42px}.article p,.article li{font-size:18px;color:#4f4f4f}.faq details{background:#fff;margin:10px 0;padding:20px;border-radius:8px}.float{position:fixed;left:20px;bottom:20px;background:#1fa855;color:#fff;text-decoration:none;padding:13px 19px;border-radius:30px;font-weight:900;z-index:30}@media(max-width:950px){nav{display:none}.brand img{max-width:65vw}.hero{background:linear-gradient(#ffffffe8,#ffffffe8),url('https://images.unsplash.com/photo-1767884163937-38bd5fa692cf?auto=format&fit=crop&q=85&w=1200') center/cover}.heroIn{width:100%;padding:60px 24px}.hero h1{font-size:42px}.strip,.grid3,.timeline{grid-template-columns:1fr 1fr}.tech{grid-template-columns:1fr}.photos{grid-template-columns:1fr}.cta{display:block}.cta .btn{display:inline-block;margin-top:20px}}@media(max-width:560px){header{padding:0 16px;height:78px}.call{display:none}.brand img{max-width:80vw}.hero h1,.pageHero h1{font-size:36px}.strip,.grid3,.timeline{grid-template-columns:1fr}.head h2,.tech h2,.cta h2{font-size:32px}.proof{display:block}.proof span{display:block;margin:5px 0}}
/* V5: clean split hero inspired by V3 */
.brand img{width:300px;max-height:76px;object-fit:contain;object-position:right center}
.hero{min-height:610px;background:#fff;display:grid;grid-template-columns:46% 54%;align-items:stretch;direction:ltr;overflow:hidden}
.heroMedia{min-height:610px;padding:38px 0 38px 4vw;display:flex;align-items:center;background:#f3f0eb}
.heroMedia img{width:100%;height:100%;min-height:530px;object-fit:cover;border-radius:0 18px 18px 0;box-shadow:0 18px 50px #0002}
.heroIn{width:auto;padding:72px 6vw 72px 5vw;direction:rtl;display:flex;flex-direction:column;justify-content:center;background:#fff}
.hero h1{font-size:58px;max-width:720px}
.hero p{max-width:720px}
@media(max-width:950px){.brand img{max-width:68vw;height:68px}.hero{display:flex;flex-direction:column;background:#fff}.heroMedia{order:2;min-height:340px;padding:0 20px 30px;background:#fff}.heroMedia img{min-height:320px;height:360px;border-radius:14px}.heroIn{order:1;width:100%;padding:55px 24px 35px}.hero h1{font-size:42px}}
@media(max-width:560px){.brand img{max-width:72vw;height:60px}.heroMedia img{height:280px;min-height:280px}.hero h1{font-size:36px}}