/* Accueil : appel direct et devis restent disponibles sans ouvrir le menu. */
.call-button{justify-content:center;gap:10px;min-height:48px;padding:13px 19px;background:var(--ink);border-color:var(--ink);color:#fff;text-align:center}
.call-button .trade-icon,.hero-feature .hero-copy .call-button .trade-icon{width:21px;height:21px;flex:0 0 21px;color:inherit}
.call-button .call-label,.call-button .phone-number{font-size:inherit;line-height:1.4;color:inherit}
.call-button .phone-number{white-space:nowrap}
.call-button:hover,.call-button:focus-visible{background:#00577a;border-color:#00577a;color:#fff!important;border-radius:var(--radius-pill)}
.has-call-actions .header-inner{gap:18px}
.has-call-actions .brand{min-width:0;flex:1}
.has-call-actions .brand>span{min-width:0}
.has-call-actions .brand strong,.has-call-actions .brand small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.has-call-actions .main-nav{order:2}
.has-call-actions .header-call{order:3;font-size:15px;flex:none;padding:10px 16px;min-height:44px}
.has-call-actions .menu-toggle{order:4}
.hero-feature .hero-buttons{gap:12px}
.hero-feature .hero-buttons .call-button{background:var(--blue);border-color:var(--blue);color:#fff;font-size:16px;padding:14px 18px}
.hero-feature .hero-buttons .call-button:hover,.hero-feature .hero-buttons .call-button:focus-visible{background:#00577a;border-color:#fff;color:#fff}
.hero-feature .hero-buttons>.button:not(.call-button){background:transparent;border-color:rgba(255,255,255,.65);color:#fff}
.hero-feature .hero-buttons>.button:not(.call-button):hover{background:#00577a;border-color:#fff;color:#fff}
.contact-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:26px}
.contact-actions .call-button{font-size:16px}
.contact-actions--stack{flex-direction:column;align-items:stretch}
.contact-actions--stack>.button{width:100%;justify-content:center}
.mobile-actions{display:none}
@media(min-width:901px) and (max-width:1150px){
 .has-call-actions .header-inner{gap:14px}
 .has-call-actions .main-nav{gap:14px}
 .has-call-actions .main-nav>.button{font-size:15px;padding-inline:14px;gap:10px}
 .has-call-actions .header-call{padding-inline:12px}
}
@media(max-width:900px){
 .has-call-actions .header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px}
 .has-call-actions .brand{grid-column:1;grid-row:1}
 .has-call-actions .header-call{grid-column:2;grid-row:1;order:initial}
 .has-call-actions .menu-toggle{grid-column:3;grid-row:1;order:initial;min-height:44px}
 .has-call-actions .main-nav{grid-column:1/-1;grid-row:2;order:initial}
}
@media(max-width:650px){
 body.has-call-actions{padding-bottom:calc(94px + env(safe-area-inset-bottom))}
 .has-call-actions .header-call{width:44px;height:44px;padding:10px}
 .header-call .call-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
 .has-call-actions .brand strong{font-size:18px}
 .has-call-actions .brand small{font-size:10px}
 .hero-feature .hero-copy{display:flex;flex-direction:column}
 .hero-feature .hero-copy>.eyebrow{order:0}
 .hero-feature .hero-copy>h1{order:1}
 .hero-feature .hero-copy>.hero-buttons{order:2;display:flex;flex-direction:column;align-items:stretch;gap:12px;margin:0 0 22px}
 .hero-feature .hero-copy>.hero-intro{order:3}
 .hero-feature .hero-copy>.hero-footnote{order:4}
 .hero-feature .hero-buttons>.button{width:100%;justify-content:center;min-height:50px;padding:13px 14px;font-size:16px}
 .contact-actions{align-items:stretch;gap:14px}
 .contact-actions>.button{width:100%;justify-content:center}
 .mobile-actions{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:15;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:8px;padding:7px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-pill);box-shadow:0 8px 25px rgba(0,60,87,.25)}
 .mobile-actions>.button{justify-content:center;gap:8px;min-height:48px;padding:10px 12px;font-size:14px;white-space:nowrap}
 .mobile-actions>.button:not(.call-button)>span{display:none}
}
@media(max-width:370px){
 .has-call-actions .header-inner{gap:7px}
 .has-call-actions .brand-mark{width:28px;flex-shrink:0}
 .has-call-actions .brand strong{font-size:16px}
 .mobile-actions{left:8px;right:8px;padding:6px;gap:6px}
 .mobile-actions>.button{font-size:13px;padding-inline:8px}
 .hero-feature .hero-buttons .call-button{font-size:15px;gap:8px}
}