/* En-tete public et volet de l'accueil (2026-09-25).
   Grand ecran : une ligne (logo, liens, outils). Tablette et telephone (< 900 px) : logo + bouton ☰, menu deroulant.
   Couleurs : variables du theme (site-dark / site-light), repli sombre. */
.topbar{position:relative;z-index:1500}
.s25-hdr{display:flex;align-items:center;gap:12px;justify-content:space-between}
.s25-hdr .brand img{height:32px;width:auto}
.s25-navpanel{display:flex;align-items:center;gap:16px;flex:1;justify-content:space-between;min-width:0}
.s25-navpanel .mainnav{display:flex;gap:14px;flex-wrap:wrap}
.s25-navpanel .tools{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}
.s25-burger{display:none;align-items:center;gap:6px;border:1px solid rgba(127,127,127,.35);background:transparent;color:inherit;
  border-radius:10px;padding:8px 12px;font:inherit;font-weight:700;cursor:pointer}
.s25-burger .bars{font-size:1.2rem;line-height:1}

@media (max-width:900px){
  .s25-burger{display:inline-flex}
  .s25-navpanel{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:12px;
    padding:14px 16px 18px;background:var(--card,#0f172a);border-bottom:1px solid var(--border,#1f2937);box-shadow:0 14px 30px rgba(0,0,0,.35)}
  html.theme-light .s25-navpanel{background:var(--card,#fff)}
  .topbar.nav-open .s25-navpanel{display:flex}
  .s25-navpanel .mainnav{flex-direction:column;gap:0}
  .s25-navpanel .mainnav a{padding:12px 4px;font-size:1.05rem;border-bottom:1px solid rgba(127,127,127,.18);text-decoration:none}
  .s25-navpanel .tools{justify-content:flex-start;gap:10px}
  .s25-navpanel .tools .btn,.s25-navpanel .tools a,.s25-navpanel .tools select{min-height:40px}
}

/* ---- Volet « Infos pratiques » de l'accueil ---- */
#s25-drawer .s25-drawer__head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:10px 12px;background:inherit;border-bottom:1px solid rgba(127,127,127,.25)}
#s25-drawer .s25-drawer__head h2{margin:0;font-size:1rem;letter-spacing:.02em}
#s25-drawer .s25-drawer__close{border:1px solid rgba(127,127,127,.35);background:transparent;color:inherit;border-radius:10px;padding:6px 12px;
  font:inherit;font-weight:700;cursor:pointer}
/* languette pour rouvrir : visible seulement quand le volet est ferme */
#s25-drawer-toggle.s25-drawer__toggle{width:auto !important;height:auto !important;padding:10px 8px !important;right:0 !important;
  border-radius:10px 0 0 10px !important;writing-mode:vertical-rl;font-weight:700;letter-spacing:.04em;box-shadow:-2px 2px 10px rgba(0,0,0,.25);
  background:#0891b2 !important;color:#fff !important;border:0 !important;cursor:pointer}
html.drawer-open #s25-drawer-toggle.s25-drawer__toggle{display:none !important}
@media (max-width:600px){ :root{ --drawer-w: 100vw } #s25-drawer.s25-drawer{max-width:100vw !important} }