/* ============================================================
   Boatcible — MENU / HEADER : feuille de style UNIQUE
   Markup unique  : boatcible_render_menu() → <header class="hdr">
   Style unique   : CE fichier, chargé EN DERNIER sur toutes les pages.
   Aucun autre fichier ne doit décider de l'apparence du header.
   Bandeau : TRANSPARENT au repos, VERRE DÉPOLI (glossy) au scroll.
   Texte des liens : BLEU NUIT (#11132A) GRAS.
   ============================================================ */

/* ---- Barre : transparente au repos ---- */
.hdr,
.hdr:not(.solid){
  position:sticky !important;top:0 !important;z-index:50 !important;
  display:flex !important;align-items:center !important;justify-content:space-between !important;
  gap:18px;
  padding:4px clamp(16px,4vw,32px) !important;
  min-height:0 !important;line-height:1 !important;
  background:transparent !important;
  -webkit-backdrop-filter:none !important;backdrop-filter:none !important;
  border-bottom:0 !important;
  box-shadow:none !important;
  transition:background .35s ease,backdrop-filter .35s ease,box-shadow .35s ease,padding .35s ease;
}
/* ---- Au scroll : verre dépoli translucide, glossy ---- */
.hdr.solid{
  background:rgba(255,255,255,.72) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.4) !important;backdrop-filter:blur(18px) saturate(1.4) !important;
  box-shadow:0 1px 0 rgba(17,19,42,.06),0 10px 30px rgba(17,19,42,.07) !important;
}

/* ---- Logo (badge sombre, lisible sur fond clair) ---- */
.hdr .brand{display:inline-flex !important;align-items:center !important;margin:0 !important;text-decoration:none;line-height:1 !important}
.hdr .brand img,
.hdr.solid .brand img{height:23px !important;width:auto !important;display:block !important;max-width:60vw}

/* ---- Liens (desktop) : BLEU NUIT GRAS ---- */
.hdr .nav{display:flex !important;flex-direction:row !important;align-items:center !important;gap:14px !important;
  position:static !important;background:transparent !important;border:0 !important;padding:0 !important}
.hdr .nav a,
.hdr.solid .nav a{
  font-size:13px !important;line-height:1.2 !important;font-weight:700 !important;letter-spacing:.01em;
  color:#11132A !important;text-decoration:none;
  padding:2px 4px !important;border:0 !important;border-radius:10px !important;
  transition:color .2s,background-color .2s;
}
.hdr .nav a:hover,
.hdr.solid .nav a:hover{color:#000 !important;background:rgba(17,19,42,.06) !important}
.hdr .nav a.is-active,
.hdr.solid .nav a.is-active{color:#9C6E32 !important}

/* ---- Burger (mobile uniquement) : traits sombres ---- */
.hdr .nav-toggle{
  display:none;width:34px !important;height:34px !important;cursor:pointer;
  flex-direction:column;align-items:center;justify-content:center;gap:4px;
  border:1px solid rgba(17,19,42,.18) !important;border-radius:10px !important;background:rgba(17,19,42,.04) !important;
}
.hdr .nav-toggle span{width:18px;height:1.5px;background:#11132A !important;display:block;transition:.3s}
.hdr .nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}
.hdr .nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.hdr .nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}

/* ---- Mobile : menu déroulant verre dépoli clair, texte bleu gras ---- */
@media(max-width:860px){
  .hdr .nav-toggle{display:flex}
  .hdr .nav{
    position:absolute !important;top:100% !important;left:0 !important;right:0 !important;
    flex-direction:column !important;align-items:flex-start !important;gap:0 !important;
    background:rgba(255,255,255,.95) !important;
    -webkit-backdrop-filter:blur(18px) saturate(1.4) !important;backdrop-filter:blur(18px) saturate(1.4) !important;
    border-top:1px solid rgba(17,19,42,.08) !important;
    box-shadow:0 18px 40px rgba(17,19,42,.14);
    padding:8px clamp(16px,4vw,32px) 14px !important;display:none;
  }
  .hdr .nav.open{display:flex !important}
  .hdr .nav a,
  .hdr.solid .nav a{width:100%;padding:12px 0 !important;font-size:15px !important;border-radius:0 !important;
    border-bottom:1px solid rgba(17,19,42,.08) !important}
  .hdr .nav a:last-child{border-bottom:0 !important}
}