/* Premier écran sombre et mise en page du bouton sans flèche. */
body.eywa-home #accueil .hero-quote .button{margin-left:12px;width:calc(100% - 12px);max-width:356px;justify-content:center;text-align:center;gap:0;padding-inline:20px}
body.eywa-home #accueil .quote-note{margin-left:12px}
body.eywa-home #accueil .hero-description{margin-bottom:16px}
body.eywa-home #accueil .hero-location{margin-bottom:24px}
body.eywa-home #accueil .hero-secondary{margin-top:22px}
body header.nav .nav-button{justify-content:center;text-align:center}
@media(min-width:761px){
 body.eywa-home .home-opening{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:calc(100svh - 80px - var(--eywa-help-height,61px));background:#0a0a0a}
 body.eywa-home #accueil.hero{min-height:0}
 body.eywa-home #accueil .hero-copy{padding-block:clamp(26px,4.5svh,58px)}
 body header.nav .nav-button{transform:translateX(10px)}
 body header.nav .nav-button:hover{transform:translateX(10px)}
}
@media(max-width:760px){body.eywa-home #accueil .hero-copy{padding-top:38px;padding-bottom:38px}body.eywa-home #accueil .hero-secondary{margin-top:20px}}
/* Survol discret, sans donner l’apparence d’un bouton aux étapes. */
body.eywa-home .how-steps li{transition:transform .2s ease,border-color .2s ease}
body.eywa-home .how-number{transition:color .2s ease}
@media(hover:hover){body.eywa-home .how-steps li:hover{transform:translateY(-3px);border-color:var(--accent)}body.eywa-home .how-steps li:hover .how-number{color:var(--accent)}}
@media(prefers-reduced-motion:reduce){body.eywa-home .how-steps li,body.eywa-home .how-number{transition:none}body.eywa-home .how-steps li:hover{transform:none}}
/* Quatre essais de signature ; la comparaison ne modifie pas la palette. */
body[data-eywa-logo="jost"] header.nav .logo .brand-eywa{font-family:'Jost',Arial,sans-serif!important;font-weight:500!important;letter-spacing:.16em;text-indent:.16em}
body[data-eywa-logo="sans"] header.nav .logo .brand-eywa{font-family:'EYWA Sans',Arial,sans-serif!important;font-weight:650!important;letter-spacing:.07em;text-indent:.07em}
body[data-eywa-logo="playfair"] header.nav .logo .brand-eywa{font-family:'Playfair Display',Georgia,serif!important;font-weight:400!important;letter-spacing:.08em;text-indent:.08em}
body[data-eywa-logo="classic"] header.nav .logo .brand-eywa{font-family:'EYWA Classic',Georgia,serif!important;font-weight:500!important;letter-spacing:.2em;text-indent:.2em;font-size:34px}
@media(max-width:760px){body[data-eywa-logo="classic"] header.nav .logo .brand-eywa{font-size:28px}}

/* Le lien actif reste lisible dans la barre de navigation noire. */
body header.nav .nav-group>a[aria-current="page"]:not(.nav-button){background:transparent!important;color:#fafaf8!important;box-shadow:inset 0 -2px 0 #1c8059;border-radius:0}

/* La même barre que les pages annexes, y compris sur l’accueil. */
body header.nav{min-height:80px!important;gap:24px}
body header.nav .nav-button{max-width:none;white-space:normal}
@media(max-width:1190px){body header.nav{gap:16px}}
@media(max-width:1100px){body header.nav{gap:14px}body header.nav .nav-button{max-width:172px}}
@media(max-width:760px){body header.nav{min-height:66px!important}body header.nav .navlinks.open{max-height:calc(100dvh - 66px);padding:12px 20px 24px}body header.nav .navlinks.open .nav-button{max-width:none}}

/* Le dernier morceau du titre se fond du blanc vers un vert menthe plus visible. */
body.eywa-home #accueil h1#title em{color:#aed9bf}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
 body.eywa-home #accueil h1#title em{background-image:linear-gradient(105deg,#fafaf8 0%,#d0ead9 38%,#79bc95 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
}
@media(forced-colors:active){body.eywa-home #accueil h1#title em{background:none;-webkit-text-fill-color:CanvasText;color:CanvasText}}

/* Navigation anthracite, couleur relevée sur la capture de référence. */
body header.nav,body header.nav::before,body header.nav .navlinks.open{background:#28292b!important}

/* Barre plus fine et angles discrets pour les boutons de devis. */
body header.nav{min-height:70px!important}
body header.nav .nav-button,body a.button[href*="devis-instantane"]{border-radius:6px!important}
@media(min-width:761px){
 body.eywa-home .home-opening{min-height:calc(100svh - 70px - var(--eywa-help-height,61px))}
 body.eywa-home #personnalisation{--personal-nav-height:70px!important}
}
@media(max-width:760px){
 body header.nav{min-height:60px!important}
 body header.nav .navlinks.open{max-height:calc(100dvh - 60px)}
}