/*
Theme Name: Chauffagiste Light
Theme URI: https://chauffagisteplombier.be/
Author: Jason / Hermes
Description: Ultra-light custom WordPress theme for Belgian plumbing and heating lead generation. No page builder, no external CSS framework.
Version: 0.1.0
Text Domain: chauffagiste-light
*/
:root{--blue:#0b3b63;--blue2:#0f5f8f;--orange:#f27a1a;--ink:#102033;--muted:#5f6f82;--bg:#f6f9fc;--line:#dbe5ef;--white:#fff;--ok:#15803d;--shadow:0 18px 45px rgba(10,36,64,.12);--max:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:var(--white);line-height:1.55;font-size:16px}a{color:var(--blue2);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.wrap{width:min(var(--max),calc(100% - 32px));margin-inline:auto}.skip-link{position:absolute;left:-999px;top:8px;background:#fff;padding:8px;z-index:99}.skip-link:focus{left:8px}.topbar{background:#082a49;color:#eaf5ff;font-size:.92rem}.topbar .wrap{display:flex;gap:16px;justify-content:space-between;padding:8px 0;flex-wrap:wrap}.topbar a{color:#fff;font-weight:700}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:14px 0}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:900;letter-spacing:-.02em;font-size:1.18rem}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--blue),var(--blue2));color:white}.menu{display:flex;align-items:center;gap:18px;list-style:none;margin:0;padding:0}.menu a{color:var(--ink);font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:12px 18px;font-weight:850;border:2px solid transparent;line-height:1.1;text-decoration:none}.btn:hover{text-decoration:none}.btn-primary{background:var(--orange);color:#fff;box-shadow:0 10px 22px rgba(242,122,26,.22)}.btn-secondary{background:#fff;color:var(--blue);border-color:#b9d2e8}.btn-dark{background:var(--blue);color:#fff}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 10%,#d9efff 0,transparent 34%),linear-gradient(135deg,#eff8ff 0,#fff 55%,#fff7ed 100%);padding:72px 0 42px;border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--blue);background:#e6f4ff;border:1px solid #c8e5f7;border-radius:999px;padding:7px 12px;font-weight:850;font-size:.9rem}.hero h1{font-size:clamp(2.2rem,5vw,4.6rem);line-height:.98;letter-spacing:-.055em;margin:18px 0}.lead{font-size:1.2rem;color:#31465c;max-width:680px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0}.note{color:var(--muted);font-size:.95rem}.card{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:24px}.hero-card{display:grid;gap:14px}.hero-card h2{margin:0;font-size:1.35rem}.check{display:flex;gap:10px;align-items:flex-start}.check:before{content:"✓";flex:0 0 22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#dcfce7;color:var(--ok);font-weight:900}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:20px;overflow:hidden;margin-top:30px}.trust-strip div{background:#fff;padding:18px;text-align:center}.trust-strip strong{display:block;color:var(--blue);font-size:1.05rem}.section{padding:62px 0}.section-alt{background:var(--bg);border-block:1px solid var(--line)}.section-head{max-width:760px;margin-bottom:30px}.section-head h2{font-size:clamp(1.75rem,3vw,2.8rem);line-height:1.08;letter-spacing:-.035em;margin:0 0 12px}.section-head p{color:var(--muted);font-size:1.08rem}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service{padding:22px;border-radius:22px;border:1px solid var(--line);background:#fff}.service-icon{width:42px;height:42px;border-radius:14px;background:#fff1e7;color:var(--orange);display:grid;place-items:center;font-size:1.35rem;margin-bottom:12px}.service h3{margin:0 0 8px;font-size:1.18rem}.service p{margin:0;color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.blue-panel{background:linear-gradient(135deg,var(--blue),#061e34);color:#fff;border-radius:28px;padding:32px}.blue-panel p{color:#d8eaf7}.zones{display:flex;gap:10px;flex-wrap:wrap}.pill{border:1px solid #c8d8e6;background:#fff;border-radius:999px;padding:8px 12px;color:#30475f;font-weight:750}.faq{display:grid;gap:12px;max-width:880px}.faq details{border:1px solid var(--line);border-radius:16px;background:#fff;padding:16px}.faq summary{cursor:pointer;font-weight:850;color:var(--blue)}.cta-band{background:linear-gradient(135deg,#fff7ed,#e8f6ff);border:1px solid #f2d3b7;border-radius:30px;padding:30px;display:flex;gap:24px;align-items:center;justify-content:space-between}.site-footer{background:#061e34;color:#dcebf7;padding:42px 0 88px}.site-footer a{color:#fff}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}.sticky-mobile{display:none;position:fixed;left:0;right:0;bottom:0;z-index:80;background:#fff;border-top:1px solid var(--line);box-shadow:0 -12px 28px rgba(0,0,0,.12);padding:10px}.sticky-mobile .btn{flex:1}.placeholder{border:1px dashed #f0b37d;background:#fff8f1;color:#7a3e10;border-radius:14px;padding:12px;margin-top:14px;font-size:.95rem}@media(max-width:860px){.hero-grid,.split{grid-template-columns:1fr}.services{grid-template-columns:1fr 1fr}.trust-strip{grid-template-columns:1fr 1fr}.menu{display:none}.cta-band{display:block}.footer-grid{grid-template-columns:1fr}.sticky-mobile{display:flex;gap:8px}.site-footer{padding-bottom:104px}}@media(max-width:560px){.services{grid-template-columns:1fr}.hero{padding-top:42px}.trust-strip{grid-template-columns:1fr}.btn{width:100%}.topbar .wrap{display:block}.hero-actions{display:grid}.section{padding:44px 0}}