/* En-tête commun (menu de l'accueil) pour les pages au gabarit autonome (secteurs).
   Extrait de tokens.css — règles .site-header / .brand / .nav / .hd-cta uniquement. */
:root{--space-m:1.75rem}
.site-header{position:sticky;top:0;z-index:50;background:rgba(244,241,234,.92);backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid var(--line)}
.site-header__inner{display:flex;align-items:stretch;gap:var(--space-m);min-height:70px}
.brand{order:2;align-self:center;display:inline-flex;align-items:center}
.brand img{height:46px;width:auto;display:block}
.brand:hover{color:var(--accent-deep)}
.nav{order:1;display:flex;gap:28px;align-items:stretch;margin:0 auto}
.nav__item{position:relative;display:flex;align-items:stretch}
.nav__link{display:flex;align-items:center;padding-top:13px;padding-bottom:16px;font-family:inherit;font-weight:700;font-size:15.5px;letter-spacing:.01em;color:var(--ink);background:none;border:none;cursor:pointer;position:relative}
.nav__link::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--line-strong)}
.nav__link:hover{color:var(--accent-deep)}
.nav__item.is-active>.nav__link{color:var(--accent)}
.nav__item.is-active>.nav__link::before{height:3px;background:var(--ink)}
.nav__panel{position:absolute;top:100%;left:0;min-width:280px;background:var(--surface);border:1px solid var(--line);border-top:2px solid var(--ink);box-shadow:var(--shadow-feat);border-radius:0 0 12px 12px;padding:2px 0;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s,transform .18s,visibility .18s;z-index:60}
.nav__item--has:hover>.nav__panel,.nav__item--has:focus-within>.nav__panel,.nav__item--has.open>.nav__panel{opacity:1;visibility:visible;transform:none}
.nav__panel a{display:block;text-align:right;padding:15px 22px;font-weight:700;font-size:14.5px;color:var(--ink);border-bottom:1px solid var(--line);white-space:nowrap}
.nav__panel a:last-child{border-bottom:none}
.nav__panel a:hover{color:var(--accent);background:var(--paper)}
.nav__burger{order:0;display:none;flex-direction:column;justify-content:center;gap:5px;width:42px;background:none;border:none;cursor:pointer;align-self:center}
.nav__burger span{display:block;height:2px;width:22px;background:var(--ink);border-radius:2px;transition:.2s}
.site-header.open .nav__burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.site-header.open .nav__burger span:nth-child(2){opacity:0}
.site-header.open .nav__burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:920px){.nav__burger{display:flex}.nav{order:1;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:var(--shadow-feat);padding:6px 0;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s,transform .2s,visibility .2s}.site-header.open .nav{opacity:1;visibility:visible;transform:none}.nav__item{display:block}.nav__link{width:100%;justify-content:flex-start;padding:14px 24px}.nav__link::before{display:none}.nav__item.is-active>.nav__link{box-shadow:inset 3px 0 0 var(--accent)}.nav__panel{position:static;opacity:1;visibility:visible;transform:none;display:none;box-shadow:none;border:none;border-top:1px solid var(--line);border-radius:0;background:var(--paper);min-width:0}.nav__item--has.open>.nav__panel{display:block}.nav__panel a{text-align:left;padding:12px 40px}}
.site-header{position:sticky;top:0;z-index:50;background:rgba(250,249,244,.85);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.brand{order:0;display:flex;align-items:center}
.brand img{height:46px;width:auto;display:block}
.hd-cta{order:2;align-self:center;font-size:14px;padding:10px 20px;white-space:nowrap}
.site-header{transition:background .25s ease, box-shadow .25s ease}
.site-header.scrolled{background:rgba(250,249,244,.97);box-shadow:0 2px 18px rgba(34,40,43,.08)}
@media(max-width:960px){.nav{margin:0}.hd-cta{margin-left:auto}}
@media(max-width:560px){.hd-cta{padding:9px 14px;font-size:13px}}
/* mêmes dimensions et liens que sur l'accueil (le gabarit secteur a son propre .container et souligne les liens) */
.site-header .container{width:100%;max-width:1180px;margin-inline:auto;padding-inline:24px}
.site-header a{text-decoration:none}
.site-header button.nav__link{padding-inline:6px}