/* ════════════════════════════════════════════════════════════════
   BeezWorld — Barre de navigation (beezworld-nav.css) · v3.1
   Extrait de beezworld-core.css le 22/07/2026 pour que les pages qui
   ne chargent pas le tronc commun (beezworld-digital, fiche_contact)
   puissent afficher la même navigation que le reste du site.

   Ne contient QUE le composant nav : ni reset, ni hero, ni typographie.
   Les surcharges mobiles (burger dès 900px, menu plein écran) restent
   dans responsive-fixes.css, chargé par toutes les pages.

   À charger AVANT le <style> inline de la page : une page qui a sa
   propre identité (Digital et son bleu) garde ainsi la main.
   ════════════════════════════════════════════════════════════════ */
.bw-nav{position:fixed;top:0;left:0;right:0;z-index:200;height:var(--h-nav,64px);display:flex;align-items:center;padding:0 56px;background:rgba(17,27,38,.62);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid rgba(255,255,255,.07);transition:background .3s}
.bw-nav.scrolled{background:rgba(17,27,38,.96)}
.bw-logo{text-decoration:none;display:flex;align-items:center;margin-right:auto}
.bw-logo svg{height:34px;width:auto;display:block}
.nav-links{display:flex;align-items:center;gap:4px}
.nav-links a{font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.6);text-decoration:none;padding:6px 13px;border-radius:100px;transition:color .2s,background .2s;white-space:nowrap}
.nav-links a:hover{color:#fff;background:rgba(255,255,255,.1)}
/* Digital : mis en avant au 1er niveau (priorité commerciale).
   L'or ne peut pas porter le texte ici — #AD8501 sur marine plafonne à
   2,9:1, sous le seuil AA. La priorité passe donc par le blanc plein et
   le poids, l'or restant en filet sous le mot : usage autorisé par la
   charte (aplats et filets), et le signal visuel est conservé. */
.nav-links a.nav-digital{color:#fff;font-weight:700;text-decoration:underline;text-decoration-color:var(--or,#AD8501);text-decoration-thickness:2px;text-underline-offset:5px}
.nav-links a.nav-digital:hover{color:#fff;background:rgba(173,133,1,.28)}
.nav-cta{background:var(--marine,#1B2A3A)!important;color:#fff!important;font-weight:700!important;padding:10px 22px!important;transition:transform .15s,box-shadow .15s!important}
.nav-cta:hover{transform:translateY(-1px)!important;box-shadow:0 4px 20px rgba(27,42,58,.4)!important}
.nav-burger{display:none;background:transparent;border:0;padding:10px;margin:0;cursor:pointer;width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:5px;border-radius:8px}
.nav-burger:hover{background:rgba(255,255,255,.08)}
.nav-burger span{display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:transform .25s,opacity .15s}
.nav-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-burger.open span:nth-child(2){opacity:0}
.nav-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav-dropdown{position:relative;display:inline-flex;align-items:center}
.nav-dropdown-trigger{display:inline-flex!important;align-items:center;gap:5px;cursor:pointer}
.nav-dropdown-trigger svg{transition:transform .25s}
.nav-dropdown:hover .nav-dropdown-trigger svg,.nav-dropdown:focus-within .nav-dropdown-trigger svg{transform:rotate(180deg)}
.nav-dropdown-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(2px);min-width:260px;background:rgba(17,27,38,.97);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:8px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,transform .2s,visibility .2s;display:flex;flex-direction:column;gap:2px;box-shadow:0 14px 40px rgba(0,0,0,.45)}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(-2px)}
.nav-dropdown-menu a{padding:9px 14px!important;text-align:left;border-radius:8px!important;letter-spacing:.06em!important}
