/* assets/css/pasek.css - PASEK "Zaloguj do aplikacji" nad naglowkiem strony klubu (05.10.2026, decyzje Pawla).
   Dolaczany na PIECIU stronach z tym samym naglowkiem: index, program-baza, grafik, podstrona-metodologia,
   podstrona-powrot-po-kontuzji. Przewijanie obsluguje assets/js/pasek.js.

   Prowadzi do aplikacji klubu (app.sigmaathletixclub.com) dla klientow, rodzicow i personelu. To NIE jest panel
   personelu (/panel-logowania.html) - ten ze strony nie jest linkowany i ta zmiana go nie dotyka.

   UKLAD: pasek stoi w zwyklym przeplywie strony NAD naglowkiem i odjezdza przy przewijaniu. Naglowek (.topbar) zostaje
   position:fixed jak byl, tylko startuje przesuniety o wysokosc paska. Przesuniecie robi TRANSFORM, nie top - przy
   przewijaniu nic nie przelicza ukladu, a skrypt zmniejsza je do zera (naglowek dochodzi do gory i stoi jak dotad).
   Pierwsza klatka jest poprawna bez skryptu: przesuniecie startowe stoi tutaj.
   UWAGA: DLACZEGO NIE position:sticky (zmierzone 05.10.2026 na pieciu stronach): body ma overflow-x:hidden, wiec jest
   kontenerem przewijania i sticky przylepialby sie do niego, nie do okna; na stronie glownej wideo hero celowo lezy pod
   polprzezroczystym naglowkiem. Zamiana hidden na clip - dlug w backlogu (docs/nastepne-zadania.md).
   UWAGA: --app-pasek-h to JEDYNA liczba wysokosci paska: skrypt czyta wysokosc z elementu, nie ma wlasnej stalej.
   Kolory stale w obu motywach (pasek jest ciemny jak menu na telefonie): zloto #E8C05E na #0C0D11. */
:root{--app-pasek-h:40px}
.app-pasek{height:var(--app-pasek-h);background:#0C0D11;border-bottom:1px solid rgba(232,192,94,.22)}
/* Wnetrze paska NOSI KLASE .nav strony (<div class="app-pasek-in nav">): szerokosc, srodkowanie i BOCZNE odstepy bierze
   z tej samej reguly co naglowek, razem z jej progami - wiec przycisk stoi nad prawa krawedzia naglowka na kazdej stronie.
   UWAGA: strony NIE maja tych samych progow (program-baza nie zmniejsza odstepu do 18 px przy 900 px, pozostale tak) -
   wlasna kopia odstepu tutaj rozjechala sie z naglowkiem Bazy o 14 px (zmierzone sonda 05.10.2026). Tu tylko to, czym
   pasek rozni sie od naglowka: uklad flex do prawej, pelna wysokosc paska, zero pionowych odstepow.
   Bezpieczne, bo poza .nav strony uzywaja wylacznie .nav .btn-primary (w pasku go nie ma), a zaden skrypt nie pyta o .nav. */
.app-pasek .app-pasek-in{display:flex;align-items:center;justify-content:flex-end;height:100%;padding-top:0;padding-bottom:0;box-sizing:border-box}
.app-pasek-link{font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.01em;line-height:1;white-space:nowrap;
  color:#E8C05E;padding:8px 16px;border:1px solid rgba(232,192,94,.55);border-radius:999px;text-decoration:none;
  transition:background .2s,border-color .2s,color .2s}
.app-pasek-link:hover{background:rgba(232,192,94,.12);border-color:#E8C05E;color:#F4CC6A}
.app-pasek-link:focus-visible{outline:2px solid #E8C05E;outline-offset:3px}
.topbar{transform:translateY(var(--app-pasek-h));will-change:transform}