/* Barre de navigation commune à toutes les pages publiques (04/11/2026) : même HTML (site_public.nav), même style partout. */
.bar{position:sticky;top:0;z-index:1100;background:rgba(15,13,11,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #342b22;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.bar-in{max-width:1240px;margin:0 auto;padding:0 20px;height:58px;display:flex;align-items:center;gap:8px}
.bar a{text-decoration:none}
.bar-marque{display:flex;align-items:center;gap:10px;color:#d9bf8c;font-weight:900;letter-spacing:.14em;font-size:14px;white-space:nowrap;margin-right:auto}
.bar-marque img{width:32px;height:32px;border-radius:50%;box-shadow:0 0 0 2px rgba(200,100,30,.35)}
.bar-marque b{color:#e07a2c}
.bar-liens{display:flex;align-items:center;gap:2px}
.bar-liens>a,.bar-menu>a{display:flex;align-items:center;gap:6px;color:#a8977f;font-size:14.5px;font-weight:700;padding:8px 12px;border-radius:9px;white-space:nowrap;transition:color .15s,background .15s}
.bar-liens>a:hover,.bar-menu>a:hover,.bar-menu:focus-within>a{color:#efe6d6;background:rgba(255,255,255,.05)}
.bar-liens a.actif{color:#efe6d6;background:rgba(200,100,30,.16)}
.bar-menu{position:relative}
.bar-menu .chev{font-size:10px;opacity:.7;transition:transform .15s}
.bar-menu:hover .chev,.bar-menu:focus-within .chev{transform:rotate(180deg)}
.bar-sous{position:absolute;top:100%;left:0;min-width:240px;padding:8px;margin-top:4px;background:#1b1713;border:1px solid #342b22;border-radius:12px;
  box-shadow:0 18px 40px rgba(0,0,0,.55);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .15s,transform .15s,visibility .15s}
.bar-sous::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}   /* pont : le menu ne se ferme pas entre le lien et la liste */
.bar-menu:hover .bar-sous,.bar-menu:focus-within .bar-sous{opacity:1;visibility:visible;transform:none}
.bar-sous a{display:block;color:#d7cbb8;font-size:14px;font-weight:600;padding:8px 10px;border-radius:8px}
.bar-sous a:hover{background:rgba(200,100,30,.14);color:#efe6d6}
.bar-sep{width:1px;height:26px;background:#342b22;margin:0 6px}
.bar-direct{display:flex;align-items:center;gap:7px;color:#c3d08a;font-size:13px;font-weight:800;padding:6px 11px;border-radius:20px;
  border:1px solid rgba(143,160,74,.35);background:rgba(143,160,74,.10);white-space:nowrap}
.bar-direct:hover{background:rgba(143,160,74,.18)}
.bar-direct .pt{width:8px;height:8px;border-radius:50%;background:#8fa04a;box-shadow:0 0 0 0 rgba(143,160,74,.7);animation:bar-pouls 1.8s infinite}
.bar-direct.off{color:#f0a093;border-color:rgba(208,74,58,.4);background:rgba(208,74,58,.1)}.bar-direct.off .pt{background:#d04a3a;animation:none}
.bar-direct.actif{box-shadow:0 0 0 2px rgba(143,160,74,.35)}
@keyframes bar-pouls{70%{box-shadow:0 0 0 7px rgba(143,160,74,0)}100%{box-shadow:0 0 0 0 rgba(143,160,74,0)}}
.bar-discord{display:flex;align-items:center;gap:7px;color:#fff;background:#5865f2;font-size:14px;font-weight:800;padding:8px 15px;border-radius:10px;white-space:nowrap;margin-left:6px}
.bar-discord:hover{filter:brightness(1.1)}
.bar-discord svg{width:18px;height:18px;fill:currentColor}

/* menu ☰ (téléphone et petites fenêtres) : sans JavaScript */
.bar-burger{display:none;position:relative}
.bar-burger summary{list-style:none;cursor:pointer;width:42px;height:42px;display:grid;place-items:center;border-radius:10px;border:1px solid #342b22;color:#d9bf8c;font-size:20px}
.bar-burger summary::-webkit-details-marker{display:none}
.bar-burger[open] summary{background:rgba(200,100,30,.16)}
.bar-tiroir{position:absolute;right:0;top:calc(100% + 8px);width:min(320px,calc(100vw - 24px));max-height:calc(100vh - 80px);overflow:auto;padding:10px;
  background:#1b1713;border:1px solid #342b22;border-radius:14px;box-shadow:0 20px 44px rgba(0,0,0,.6)}
.bar-tiroir a{display:block;text-transform:none;letter-spacing:0;color:#efe6d6;font-size:15px;font-weight:700;padding:10px 12px;border-radius:9px}
.bar-tiroir a:hover,.bar-tiroir a.actif{background:rgba(200,100,30,.16)}
.bar-tiroir .t{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#e07a2c;font-weight:800;padding:10px 12px 4px}
.bar-tiroir .bar-t-sous a{font-weight:600;color:#d7cbb8;font-size:14px;padding:8px 12px 8px 22px}
.bar-tiroir .bar-discord{justify-content:center;margin:10px 0 2px}

@media (max-width:1100px){.bar-marque span{display:none}}
@media (max-width:960px){.bar-liens,.bar-sep,.bar-in>.bar-discord{display:none}.bar-burger{display:block}.bar-marque span{display:inline}}
@media (max-width:480px){.bar-in{padding:0 12px}.bar-marque{font-size:12.5px;letter-spacing:.1em}.bar-direct .suffixe{display:none}}
@media (max-width:350px){.bar-marque span{display:none}}
@media (prefers-reduced-motion:reduce){.bar-direct .pt{animation:none}}