/* Refonte 2026 : navigation, formulaire et finitions */
:root{--coral:#ffb25b;--form-progress:0%}
body{background:#f4f8fc}
.site-header{position:sticky;top:0;box-shadow:0 10px 35px #04295d0b}
.site-header::after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:1px;background:linear-gradient(90deg,transparent,#69ad5270,transparent)}
nav a{position:relative;padding:12px 0}
nav a::before{content:"";position:absolute;left:50%;right:50%;bottom:4px;height:2px;border-radius:5px;background:var(--green);transition:left .2s,right .2s}
nav a:hover::before,nav a:focus-visible::before,nav a.active::before{left:0;right:0}
nav a.active::after{display:none}
.hero{background:radial-gradient(circle at 8% 12%,#bce8af80,transparent 25rem),radial-gradient(circle at 88% 74%,#9ed5ff54,transparent 28rem),linear-gradient(135deg,#fbfdff,#eaf5ff)}
.hero-media>img,.page-hero-image>img{border:1px solid #fff;box-shadow:0 28px 70px #07356d2c}
.service-card{overflow:hidden}
.service-card::after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-80px;top:-80px;background:#69ad5226;transition:transform .25s}
.service-card:hover::after{transform:scale(2.4)}
.quote-form{position:relative;border:1px solid #d7e6f3;overflow:hidden}
.quote-form::before{content:"";display:block;position:absolute;top:0;left:0;width:var(--form-progress);height:5px;background:linear-gradient(90deg,var(--green),#9bd486);transition:width .25s}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 17px}
.form-grid .field-wide{grid-column:1/-1}
.quote-form label span{color:#b12a2a}
.quote-form input:invalid:not(:placeholder-shown),.quote-form select:invalid:focus{border-color:#d67c7c}
.form-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:4px}
.button-whatsapp{background:#1d9d52;border-color:#1d9d52}
.button-whatsapp:hover,.button-whatsapp:focus-visible{background:#157d40;border-color:#157d40}
.submit-button:disabled{cursor:wait;opacity:.7;transform:none}
.form-note[data-state="success"]{color:#26743e;font-weight:750}
.form-note[data-state="error"]{color:#a63737;font-weight:750}
.honey-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.success-card .button{margin-top:22px}
.social-links{display:flex;gap:14px;padding-left:5px;border-left:1px solid #ffffff33}
.social-links a{color:#c9edbf}
.menu-toggle{display:none;width:44px;height:44px;border:1px solid #cdddec;border-radius:10px;background:#fff;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}
.menu-toggle span{display:block;width:20px;height:2px;border-radius:2px;background:var(--navy);transition:transform .2s,opacity .2s}
.menu-open .menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-open .menu-toggle span:nth-child(2){opacity:0}
.menu-open .menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media (width<=1040px){nav{gap:18px;margin-right:20px}nav a{font-size:11px}}
@media (width<=900px){.menu-toggle{display:flex;margin-left:auto;margin-right:12px}.site-header nav{display:none;position:absolute;top:100%;left:16px;right:16px;margin:0;padding:12px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 20px 45px #062e6226}.site-header.menu-open nav{display:grid}.site-header nav a{padding:14px 16px;border-radius:9px}.site-header nav a:hover,.site-header nav a:focus-visible,.site-header nav a.active{background:#eef7ff}.site-header nav a::before{display:none}.social-links{border-left:0;padding-left:0}}
@media (width<=600px){.form-grid,.form-actions{grid-template-columns:1fr}.form-grid .field-wide{grid-column:auto}.form-actions{gap:9px}.form-actions .button{width:100%}.site-header{position:sticky}.menu-toggle{margin-right:8px}.header-actions .button-small{display:none}.social-links{width:100%;justify-content:center;margin-top:8px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
