/* Menu commun à toutes les pages du site (chargé après les styles propres à chaque page).
   Ordinateur : une seule ligne. Tablette et téléphone : marque en haut, menu sur une ligne qui défile. */
.site{--s-bg:#16181B;--s-line:#2C3036;--s-text:#E6E8EA;--s-muted:#9AA1A9;--s-on:#F0C24B;
  display:flex;flex-wrap:nowrap;align-items:center;gap:16px;min-height:52px;padding:0 20px;margin:0;
  background:var(--s-bg);border-bottom:1px solid var(--s-line);color:var(--s-text);
  font:600 .9rem/1.2 "Archivo",Arial,sans-serif;position:relative;z-index:6}
.site .brand{flex:none;white-space:nowrap;color:var(--s-text);text-decoration:none;
  font:800 1.15rem/1 "Big Shoulders Display","Arial Narrow",sans-serif;letter-spacing:.08em;text-transform:uppercase}
.site .brand b{color:var(--s-on)}
.site nav{display:flex;flex-wrap:nowrap;align-items:center;gap:2px;margin-left:auto;order:0;
  overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.site nav::-webkit-scrollbar{display:none}
.site nav a{flex:none;white-space:nowrap;color:var(--s-muted);text-decoration:none;padding:7px 12px;border-radius:4px;font:inherit}
.site nav a:hover{color:var(--s-text);background:var(--s-line)}
.site nav a[aria-current="page"]{color:var(--s-bg);background:var(--s-on)}
.site nav a[data-compte]{margin-left:10px;border:1px solid var(--s-line);color:var(--s-text)}
.site nav a[data-compte][aria-current="page"]{border-color:var(--s-on)}
.site nav a[data-compte].on::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#8BC37A;margin-right:7px;vertical-align:1px}
.site a:focus-visible{outline:2px solid var(--s-on);outline-offset:-2px}
.site .ownf{display:none}

/* filtre « Mes unités / Toutes » des pages d'armée : sous le menu, plus dans l'en-tête */
.subbar{--s-bg:#16181B;--s-line:#2C3036;--s-text:#E6E8EA;--s-muted:#9AA1A9;--s-on:#F0C24B;
  display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:10px 20px;background:#13151A;border-bottom:1px solid var(--s-line)}
.subbar .ownf{order:0}
.subbar .lab{font:700 .7rem "Archivo",Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--s-muted)}

@media (max-width:900px){
  .site{flex-wrap:wrap;gap:0;padding:0}
  .site .brand{padding:12px 16px 6px}
  .site nav{order:3;flex-basis:100%;margin:0;padding:0 12px 8px;
    -webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
  .site nav a{padding:7px 10px}
  .subbar{padding:8px 16px;justify-content:space-between}
}