/* sokkan.ch — bandeau d'invitation à la bêta privée de Nokker (autre produit Ninabot). Décision Nick 22.10.2026.
   Posé par assets/nokker-beta.js (une ligne <script> + une ligne <link> par page, rien d'autre).
   Tokens du site avec repli : les pages intérieures (sombres) n'ont ni --bg2 ni --ink2, v3 a les deux et suit
   le thème clair/sombre. En flux normal, en tête de page : il défile avec la page (pas de bandeau collant). */

.nkb{
  position:relative;z-index:70;
  background:var(--bg2,#101219);color:var(--ink2,var(--ink,#D6D9E0));
  border-bottom:1px solid var(--rule,rgba(255,255,255,.08));
  font:13px/1.45 var(--sans,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif);
  -webkit-text-size-adjust:100%;
}
.nkb-in{
  max-width:1120px;margin:0 auto;box-sizing:border-box;
  padding:8px 52px 8px 16px;min-height:40px;
  display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 12px;text-align:center;
}
.nkb .nkb-in p{margin:0;padding:0;max-width:none;font:inherit;letter-spacing:normal;color:inherit;text-align:center}
.nkb strong{font-weight:600;color:var(--ink,#F4F5F8)}
.nkb-cta{
  display:inline-block;white-space:nowrap;text-decoration:none;margin-left:4px;
  color:var(--ink,#F4F5F8);font-weight:600;
  border:1px solid var(--gold-ui,var(--gold,#D69A12));border-radius:999px;padding:1px 11px;
}
.nkb-cta:hover{background:var(--gold-soft,rgba(214,154,18,.12))}
.nkb-cta:focus-visible,.nkb-x:focus-visible{outline:2px solid var(--gold-ui,var(--gold,#D69A12));outline-offset:2px}
.nkb-x{
  position:absolute;right:6px;top:50%;transform:translateY(-50%);
  width:40px;height:40px;padding:0;margin:0;border:0;border-radius:8px;background:transparent;cursor:pointer;
  color:var(--muted,#9097A4);font:inherit;display:flex;align-items:center;justify-content:center;
}
.nkb-x:hover{color:var(--ink,#F4F5F8)}
.nkb-x svg{width:14px;height:14px;display:block}
.nkb-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* <body> devient le repère des éléments en position absolue (ex. le sélecteur de langue des pages Missions) : sans
   cela ils resteraient calés sur le haut de la page, donc sous le bandeau. */
html.nkb-on body{position:relative}
/* Les éléments fixés en haut de page descendent d'autant que le bandeau est visible (--nkb-off, posée par le JS :
   hauteur du bandeau moins le défilement). `translate` ne déclenche pas de recalcul de mise en page. */
html.nkb-on .top,html.nkb-on .menu,html.nkb-on .shead,html.nkb-on .smenu,html.nkb-on .back{
  translate:0 var(--nkb-off,0px);
}

@media (max-width:560px){
  .nkb-in{font-size:12px;padding:6px 40px 6px 12px;line-height:1.4;min-height:36px}
  .nkb-x{right:2px;width:36px;height:36px}
}
@media print{.nkb{display:none}}