/* ==========================================================================
   PORTALIS — En-tête : bandeau utilitaire + barre principale + navigation
   ========================================================================== */

.hdr-u{background:var(--portalis-graph);color:var(--portalis-on-dark-2)}
.hdr-u .container{height:var(--portalis-hdr-u);display:flex;align-items:center;justify-content:space-between;gap:20px;font:500 .76rem/1 var(--portalis-font-mono);letter-spacing:.04em}
.hdr-u .ref{white-space:nowrap;text-overflow:ellipsis}
.hdr-u a{text-decoration:none;color:var(--portalis-on-dark-2);white-space:nowrap}
.hdr-u a:hover{color:#fff}

.hdr{background:var(--portalis-paper);border-bottom:1px solid var(--portalis-line)}
.hdr-in{height:var(--portalis-hdr-m)}
/* Drupal renders page.header inside a region wrapper. Make that wrapper the
   flexible middle column so the action button stays at the far right. */
.hdr-in > .region-header{display:flex;align-items:stretch;flex:1 1 auto;min-width:0;align-self:stretch}
.hdr-in > .region-header.collapse{display:flex}
.hdr-in > .region-header > div{display:flex;align-items:stretch;flex:1 1 auto;min-width:0}

.brand{text-decoration:none;color:var(--portalis-ink)}
.brand .mk{height:30px;width:auto;display:block;flex:none}
.wm{display:block;width:82px;height:40px;color:var(--portalis-ink);flex:none}

.nav{height:var(--portalis-hdr-m);flex:1 1 auto;min-width:0}
.nav>li{list-style:none;flex:none}
.nav a{text-decoration:none;font:500 .92rem/1 var(--portalis-font-sans);letter-spacing:.01em;color:var(--portalis-ink-2);white-space:nowrap}
.nav>li>a{border-bottom:2px solid transparent}
.nav>li>a:hover,.nav>li>a[aria-current]{color:var(--portalis-ink);border-bottom-color:var(--portalis-accent)}

.sub{display:none;min-width:340px;background:var(--portalis-paper);border:1px solid var(--portalis-line);border-top:2px solid var(--portalis-accent)}
.has-sub:hover .sub,.has-sub:focus-within .sub{display:block}
.sub a{font-weight:400;color:var(--portalis-ink-2);white-space:normal}
.sub a:hover{background:var(--portalis-paper-2);color:var(--portalis-ink)}

.hdr-actions{flex:none}
.burger{display:none;place-items:center;width:40px;height:40px;background:none;border:1px solid var(--portalis-line);color:var(--portalis-ink);cursor:pointer;flex:none;border-radius:var(--portalis-radius)}

/* Fil d'Ariane (région Drupal "breadcrumb") — utilisé sur les pages internes */
.crumb{display:flex;flex-wrap:wrap;gap:8px 10px;list-style:none;margin:0 0 clamp(24px,3.5vw,44px);padding:0;font:500 .78rem/1 var(--portalis-font-mono);color:var(--portalis-on-dark-2)}
.crumb li+li::before{content:"/";margin-right:10px;opacity:.6}
.crumb a{color:var(--portalis-on-dark-2)}
.crumb a:hover{color:#fff}