/*
Theme Name: VPA Climatisation
Theme URI: https://www.plombier-vpa.fr/
Author: VPA
Description: Thème vitrine premium pour VPA Climatisation, artisan spécialiste des installations techniques.
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: vpa-climatisation
*/
:root{--navy:#10283a;--blue:#116f99;--cyan:#26b7c9;--cream:#f5f7f8;--ink:#182b37;--muted:#5b6d78}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink);line-height:1.65;background:white}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.wrap{max-width:1180px;margin:auto;padding:0 24px}.site-header{position:sticky;top:0;z-index:20;background:#fff;box-shadow:0 2px 20px #10283a14}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{font-weight:900;color:var(--navy);font-size:1.3rem;letter-spacing:.04em}.brand span{color:var(--cyan)}.menu{display:flex;align-items:center;gap:19px;flex-wrap:wrap;font-size:.92rem;font-weight:600}.menu a:hover{color:var(--blue)}.btn{display:inline-block;background:var(--cyan);color:#082633;border:0;border-radius:6px;padding:13px 22px;font-weight:800;cursor:pointer}.btn:hover{background:#8be5eb}.btn.dark{background:var(--navy);color:white}.btn.outline{border:1px solid #ffffffa8;color:white;background:transparent}.hero{background:linear-gradient(110deg,#0c2437ed,#10283aa6),linear-gradient(135deg,#26586b,#8cb4bb);color:white;padding:105px 0 100px;position:relative;overflow:hidden}.hero:after{content:'18';font-weight:900;font-size:24rem;opacity:.035;position:absolute;right:0;bottom:-180px;pointer-events:none}.eyebrow{text-transform:uppercase;font-size:.8rem;letter-spacing:.16em;font-weight:800;color:var(--cyan)}h1,h2,h3{line-height:1.16;color:var(--navy)}h1{font-size:clamp(2.5rem,5vw,4.7rem);max-width:900px;color:white;margin:20px 0}h2{font-size:clamp(1.9rem,3vw,2.8rem);margin:12px 0 18px}h3{font-size:1.25rem}.hero p{font-size:1.17rem;max-width:680px;color:#e0e9ef}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.section{padding:82px 0}.soft{background:var(--cream)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{background:white;border:1px solid #e3ebef;border-radius:12px;padding:29px;box-shadow:0 7px 24px #10283a08}.card h3{margin-top:0}.card a{color:var(--blue);font-weight:800}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:35px}.stat{border-left:3px solid var(--cyan);padding-left:17px}.stat strong{display:block;font-size:2rem;color:var(--navy)}.split{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.feature{background:var(--navy);color:white;padding:48px;border-radius:14px}.feature h2{color:white}.feature li{margin:14px 0}.cta{background:var(--navy);color:white;text-align:center;padding:75px 0}.cta h2{color:white}.site-footer{background:#081b28;color:#d1dce2;padding:45px 0;font-size:.9rem}.site-footer a{color:#d1dce2}.footergrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.page-hero{background:var(--navy);padding:65px 0;color:white}.page-hero h1{font-size:clamp(2rem,4vw,3.4rem)}.content{max-width:850px;margin:auto}.content p{margin:1.2em 0}.vpa-form{display:grid;gap:13px;max-width:670px}.vpa-form input,.vpa-form select,.vpa-form textarea{width:100%;border:1px solid #cbd7de;border-radius:6px;padding:13px;font:inherit}.vpa-form label{font-weight:700}.vpa-form .check{display:flex;gap:10px;align-items:start;font-weight:400}.vpa-form .check input{width:auto;margin-top:7px}.notice{padding:14px 18px;border-radius:6px;background:#e8f6f7;margin-bottom:20px}.mobile-toggle{display:none}.gallery-placeholder{background:linear-gradient(135deg,#dce7ed,#f8fafb);border:1px dashed #aabdc6;min-height:200px;display:grid;place-items:center;text-align:center;color:var(--muted);padding:20px;border-radius:10px}.wp-block-image img{border-radius:9px}@media(max-width:850px){.mobile-toggle{display:block;background:none;border:0;font-size:1.5rem}.menu{display:none;position:absolute;top:77px;left:0;right:0;background:white;padding:24px;flex-direction:column;align-items:start;box-shadow:0 15px 20px #10283a14}.menu.open{display:flex}.grid,.split,.footergrid{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.hero{padding:70px 0}.section{padding:55px 0}.feature{padding:30px}}
