/* DOSOBE · navigation (v9) : barre flottante, panneaux sobres, tiroir mobile.
   Chargé en dernier. Seule source de vérité pour l'en-tête : modifier ici, nulle part ailleurs.
   Jetons : --ink, --signal, --signal-ink, --paper, --paper-2, --white, --stone, --ease, --f-display, --f-text. */
:root{--hdr-top:12px;--hdr-bar:60px;--hdr-h:calc(var(--hdr-bar) + var(--hdr-top) + 12px);--r-nav:10px;--r-in:8px;--nav-in:22px;--mega-w:900px;--mega-pane:304px}

/* — barre — */
.hdr.v8{position:fixed;z-index:60;top:var(--hdr-top);left:var(--hdr-top);right:var(--hdr-top);width:auto;max-width:1416px;margin-inline:auto;height:var(--hdr-bar);display:flex;align-items:center;gap:6px;padding:0 10px 0 var(--nav-in);background:rgba(242,239,233,.9);-webkit-backdrop-filter:blur(12px) saturate(1.1);backdrop-filter:blur(12px) saturate(1.1);border:0;border-radius:var(--r-nav);box-shadow:0 0 0 1px rgba(1,14,14,.07),0 8px 24px -16px rgba(1,14,14,.25)}
.admin-bar .hdr.v8{top:calc(var(--hdr-top) + 32px)}
.mega-open .hdr.v8{background:var(--white);-webkit-backdrop-filter:none;backdrop-filter:none}
.hdr.v8 .logo{margin-right:28px;display:flex;align-items:center}
.hdr.v8 .logo img{height:28px;width:auto}
.hdr.v8 .hnav{display:flex;align-items:center;gap:2px;height:100%}
.hdr.v8 .mg-btn,.hdr.v8 .hn-l{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 14px!important;border:0!important;border-radius:var(--r-in);font:500 15px/1 var(--f-text);letter-spacing:0;text-transform:none;color:var(--ink);background:none;cursor:pointer;text-decoration:none}
.hdr.v8 .mg-btn:hover,.hdr.v8 .hn-l:hover,.hdr.v8 .mg-btn[aria-expanded=true]{background:rgba(1,14,14,.06)}
.hdr.v8 .mg-btn svg{width:10px;height:10px;opacity:.7;transition:transform .2s var(--ease)}
.hdr.v8 .mg-btn[aria-expanded=true] svg{transform:rotate(180deg)}
.hdr.v8 .end{margin-left:auto;display:flex;align-items:center;gap:8px}
.hdr.v8 a:focus-visible,.hdr.v8 button:focus-visible{outline:2px solid var(--signal-ink);outline-offset:3px}

/* — boutons — */
.hdr.v8 .hb,.drawer.v8 .hb{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 18px;border-radius:var(--r-in);font:500 14.5px/1 var(--f-text);text-decoration:none;white-space:nowrap;transition:background .15s,color .15s}
.hdr.v8 .hb-1,.drawer.v8 .hb-1{background:var(--ink)!important;color:var(--white)!important;box-shadow:none!important}
.hdr.v8 .hb-1:hover,.drawer.v8 .hb-1:hover{background:var(--signal)!important;color:var(--ink)!important}
.hdr.v8 .hb-2,.drawer.v8 .hb-2{background:var(--white)!important;color:var(--ink)!important;box-shadow:inset 0 0 0 1px var(--ink)!important}
.hdr.v8 .hb-2:hover,.drawer.v8 .hb-2:hover{background:var(--paper-2)!important}
.hdr.v8 .hb .s{display:none}

/* — voile : uni, sans flou — */
.mg-scrim{position:fixed;inset:0;z-index:55;background:rgba(1,14,14,.18);-webkit-backdrop-filter:none;backdrop-filter:none;opacity:0;pointer-events:none;transition:opacity .2s}
.mega-open .mg-scrim{opacity:1;pointer-events:auto}

/* — panneau — */
.hdr.v8 .mg-wrap{position:static;display:flex;align-items:center;height:100%}
.hdr.v8 .mega[hidden]{display:none!important}
.hdr.v8 .mega{position:absolute;top:calc(100% + 8px);left:0;right:auto;bottom:auto;width:min(var(--mega-w),100%);height:auto;min-height:0;padding:0;margin:0;display:block;background:var(--white);color:var(--ink);border:0;border-radius:var(--r-nav);box-shadow:0 0 0 1px rgba(1,14,14,.06),0 24px 48px -28px rgba(1,14,14,.35);opacity:0;transform:translateY(-4px);visibility:visible;pointer-events:auto;transition:opacity .16s,transform .16s var(--ease)}
.hdr.v8 .mega::before{content:"";position:absolute;inset:-10px 0 auto;height:10px}
.hdr.v8 .mega.on{opacity:1;transform:none}
.hdr.v8 .mega.swap{transition:none}
.hdr.v8 .mega-in{display:grid;grid-template-columns:minmax(0,1fr) var(--mega-pane);gap:0;min-height:312px;padding:24px var(--nav-in) 20px;max-height:calc(100dvh - var(--hdr-h) - 16px);overflow:auto;background:none}

/* listes : titres seuls */
.hdr.v8 .mg-cols{display:grid;grid-template-columns:1fr 1fr;column-gap:24px;padding-right:24px;align-content:start;background:none}
.hdr.v8 .mg-col{display:block;padding:0;border:0;background:none}
.hdr.v8 .mg-col .tag{display:block;margin:0 0 8px;padding:0;font:500 13px/20px var(--f-text);letter-spacing:0;text-transform:none;color:var(--stone);background:none;border:0}
.hdr.v8 .mg-col ul,.hdr.v8 .ml{list-style:none;margin:0;padding:0;display:block}
.hdr.v8 .mg-col li,.hdr.v8 .ml li{margin:0;padding:0;list-style:none}
.hdr.v8 .mg-col a,.hdr.v8 .ml a{position:relative;display:flex;align-items:center;min-height:40px;padding:9px 12px;margin:0 -12px;border:0;border-radius:var(--r-in);font:500 16px/1.25 var(--f-text);letter-spacing:0;text-transform:none;color:var(--ink);background:none;text-decoration:none;transition:background .12s}
.hdr.v8 .mg-col a:hover,.hdr.v8 .mg-col a:focus-visible,.hdr.v8 .ml a:hover,.hdr.v8 .ml a:focus-visible{background:var(--paper);color:var(--ink)}
.hdr.v8 .mg-col a:active,.hdr.v8 .ml a:active{background:var(--paper-2)}
.hdr.v8 .mega a:focus-visible{outline:2px solid var(--signal-ink);outline-offset:-2px}
.hdr.v8 .mega a::before,.hdr.v8 .mega a::after,.drawer.v8 a::before,.drawer.v8 a::after{content:none!important}
.hdr.v8 .mg-col small{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* volet d'aperçu */
.hdr.v8 .mg-side{display:flex;flex-direction:column;padding:28px 0 0 24px;border-left:1px solid rgba(1,14,14,.1);background:none}
.hdr.v8 .mg-h{margin:0 0 12px;font:400 28px/1.12 var(--f-display);letter-spacing:-.005em;color:var(--ink)}
.hdr.v8 .mg-p{margin:0;font:400 15px/1.55 var(--f-text);color:var(--stone)}
.hdr.v8 .mg-more{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;min-height:40px;font:500 15px/1 var(--f-text);color:var(--ink);text-decoration:underline;text-decoration-color:rgba(1,14,14,.3);text-underline-offset:5px}
.hdr.v8 .mg-more:hover{text-decoration-color:var(--ink)}
.hdr.v8 .mg-more svg{width:13px;height:13px;transition:transform .2s var(--ease)}
.hdr.v8 .mg-more:hover svg{transform:translateX(3px)}

/* Entreprise : liste simple sous son bouton */
.hdr.v8 .mg-wrap.compact{position:relative}
.hdr.v8 .mg-wrap.compact .mega{top:calc(100% + 18px);left:-6px;width:248px;padding:8px}
.hdr.v8 .mg-wrap.compact .mega::before{inset:-18px 0 auto;height:18px}
.hdr.v8 .ml a{margin:0}

@media (prefers-reduced-motion:reduce){.hdr.v8 .mega,.mg-scrim,.hdr.v8 .mg-more svg,.hdr.v8 .mg-btn svg{transition:none}}

/* — burger — */
.hdr.v8 .burger{display:none}

/* — mobile et tactile : tiroir — */
@media (max-width:1080px),(hover:none) and (max-width:1400px){
  :root{--hdr-top:10px;--hdr-bar:54px}
  .hdr.v8{padding:0 7px 0 16px}
  .hdr.v8 .hnav,.hdr.v8 .end .hb-2{display:none}
  .hdr.v8 .logo{margin-right:0}
  .hdr.v8 .logo img{height:24px}
  .hdr.v8 .burger{display:inline-grid;place-items:center;width:44px;height:40px;padding:0!important;border:0!important;border-radius:var(--r-in);background:rgba(1,14,14,.06);color:var(--ink);cursor:pointer}
  .hdr.v8 .burger i,.hdr.v8 .burger i::before,.hdr.v8 .burger i::after{display:block;width:16px;height:1.5px;background:currentColor;position:relative;transition:transform .3s var(--ease),background .2s}
  .hdr.v8 .burger i::before,.hdr.v8 .burger i::after{content:"";position:absolute;left:0;width:16px}
  .hdr.v8 .burger i::before{top:-5px}
  .hdr.v8 .burger i::after{top:5px}
  .menu-open .hdr.v8 .burger i{background:transparent}
  .menu-open .hdr.v8 .burger i::before{transform:translateY(5px) rotate(45deg)}
  .menu-open .hdr.v8 .burger i::after{transform:translateY(-5px) rotate(-45deg)}
  .menu-open .hdr.v8{background:var(--paper);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
  .menu-open .hdr.v8 .end .hb{display:none}
}
@media (max-width:560px){.hdr.v8 .hb .l{display:none}.hdr.v8 .hb .s{display:inline}}

/* — tiroir — */
.drawer.v8{padding:calc(var(--hdr-bar) + var(--hdr-top) * 2 + 6px) 20px max(20px,env(safe-area-inset-bottom))}
.admin-bar .drawer.v8{padding-top:calc(32px + var(--hdr-bar) + var(--hdr-top) * 2 + 6px)}
.drawer.v8 summary{padding:18px 2px;font:400 30px/1.1 var(--f-display)}
.drawer.v8 .dr-in{display:flex;flex-direction:column;gap:0;padding:0 0 14px}
.drawer.v8 .dr-in .tag{display:block;margin:12px 0 2px;font:500 13px/1.2 var(--f-text);letter-spacing:0;text-transform:none;color:var(--stone)}
.drawer.v8 .dr-in a{display:flex;align-items:center;min-height:44px;padding:0;font:500 17px/1.25 var(--f-text);color:var(--ink);text-decoration:none}
.drawer.v8 .dr-in small{display:none}
.drawer.v8 .dr-in .dr-more{min-height:44px;margin-top:4px;gap:8px;font:500 15px/1 var(--f-text)!important;text-decoration:underline!important;text-underline-offset:5px}
.drawer.v8 .dr-ctas a.hb{height:48px}
.drawer.v8 .dr-ctas{background:var(--paper);padding-top:14px;box-shadow:0 -16px 14px -6px var(--paper)}