/* En-tête de l'accueil repris sur les pages Conseils (20/10/2026) : mêmes liens, mêmes boutons, même barre
   collante et floutée. Ordinateur : index.html ; mobile : index-mobile.html (Connexion + menu). Menu mobile
   sans JavaScript (case à cocher). */
.hd{ position:sticky; top:0; z-index:60; backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); background:rgba(244,237,225,.82); border-bottom:1px solid #E6DAC7; font-family:'Schibsted Grotesk',system-ui,sans-serif; }
.hd-in{ max-width:1340px; margin:0 auto; padding:18px 34px; display:flex; align-items:center; gap:26px; flex-wrap:wrap; }
.hd-logo{ display:flex; align-items:center; gap:11px; text-decoration:none; color:#2A201A; margin-right:4px; }
.hd-logo img{ width:42px; height:42px; border-radius:12px; object-fit:cover; box-shadow:0 2px 8px rgba(60,40,20,.16); }
.hd-logo span{ font-family:'Unbounded',sans-serif; font-weight:700; font-size:20px; letter-spacing:-.02em; }
.hd-nav{ display:flex; flex-wrap:nowrap; gap:6px; flex:1 1 auto; }
.hd-nav a{ text-decoration:none; color:#6E6358; font-weight:600; font-size:15.5px; padding:10px 15px; border-radius:10px; white-space:nowrap; }
.hd-nav a:hover{ color:#2A201A; }
.hd-login{ text-decoration:none; color:#8A4F2B; background:#fff; border:1.5px solid #8A4F2B; font-weight:700; font-size:15.5px; padding:11.5px 20px; border-radius:12px; white-space:nowrap; }
.hd-login:hover{ background:#F1E7D6; }
.hd-login .court{ display:none; }
.hd-cta{ text-decoration:none; display:inline-flex; align-items:center; gap:7px; background:#8A4F2B; color:#fff; font-weight:700; font-size:15.5px; padding:13px 22px; border-radius:12px; white-space:nowrap; box-shadow:0 2px 10px rgba(138,79,43,.28); transition:transform .12s ease, box-shadow .2s ease; }
.hd-cta:hover{ color:#fff; transform:translateY(-1px); box-shadow:0 8px 22px rgba(138,79,43,.34); }
.hd-switch{ position:absolute; width:1px; height:1px; opacity:0; }
.hd-burger{ display:none; width:42px; height:42px; box-sizing:border-box; border-radius:11px; border:1px solid #E6DAC7; background:#fff; cursor:pointer; flex-direction:column; align-items:center; justify-content:center; gap:4px; }
.hd-burger i{ width:18px; height:2px; background:#2A201A; border-radius:2px; transition:transform .18s ease, opacity .18s ease; }
.hd-switch:focus-visible ~ .hd-burger{ outline:2px solid #8A4F2B; outline-offset:2px; }
.hd-switch:checked ~ .hd-burger i:nth-child(1){ transform:translateY(6px) rotate(45deg); }
.hd-switch:checked ~ .hd-burger i:nth-child(2){ opacity:0; }
.hd-switch:checked ~ .hd-burger i:nth-child(3){ transform:translateY(-6px) rotate(-45deg); }
.hd-drawer{ display:none; flex:1 1 100%; padding:6px 0 4px; border-top:1px solid #EFE6D8; }
.hd-drawer a{ display:block; text-decoration:none; color:#2A201A; font-weight:600; font-size:16px; padding:13px 10px; border-radius:10px; }
.hd-drawer a.l{ text-align:center; color:#8A4F2B; background:#fff; border:1.5px solid #8A4F2B; font-weight:700; padding:12.5px; border-radius:12px; margin-top:8px; }
.hd-drawer a.c{ text-align:center; background:#8A4F2B; color:#fff; font-weight:700; padding:14px; border-radius:12px; margin-top:8px; }
@keyframes hd-menu{ from{ opacity:0; transform:translateY(-6px); } to{ opacity:1; transform:none; } }
@media (max-width:1240px){
  .hd-in{ padding:16px 24px; gap:14px; }
  .hd-nav{ gap:0; }
  .hd-nav a{ padding:9px 9px; font-size:14.5px; }
  .hd-login, .hd-cta{ font-size:14.5px; padding:10.5px 15px; }
}
@media (max-width:1000px){
  .hd{ background:rgba(244,237,225,.86); z-index:80; }
  .hd-in{ padding:12px 18px; gap:12px; }
  .hd-logo{ flex:1; gap:9px; }
  .hd-logo img{ width:36px; height:36px; border-radius:10px; }
  .hd-logo span{ font-size:17px; }
  .hd-nav, .hd-cta{ display:none; }
  .hd-login{ font-size:14px; padding:0 13px; height:42px; box-sizing:border-box; display:flex; align-items:center; border-radius:11px; }
  .hd-login .long{ display:none; }
  .hd-login .court{ display:inline; }
  .hd-burger{ display:flex; }
  .hd-switch:checked ~ .hd-drawer{ display:block; animation:hd-menu .2s ease both; }
}