/* nav-shared.css — spoločné pravidlá pre sticky hlavičku, plávajúci pás a rozbaľovacie menu naprieč všetkými verziami slovanista.sk. Iba mechanika (position/z-index/display) — farby, fonty a rozmery si dopĺňa štýl každej verzie zvlášť, nižšie v cascade. Načítať PRED vlastným style.css danej verzie. */ /* Hlavička je vycentrovaná (max-width;margin:0 auto) — bez tohto by sa na krátkych podstránkach bez zvislého scrollu (Kader/Klub/...) posunula o šírku scrollbaru doprava oproti dlhým podstránkam (Domov/Články/Zápasy), ktoré scroll majú. overflow-y:scroll vynúti rovnaký scrollbar-gutter vždy, nech je obsah akokoľvek dlhý. */ html{overflow-y:scroll} .lepive{position:sticky;top:0;z-index:40} /* #pas (úzky pás "najbližší zápas") je na Domove predtým bol position:fixed (mimo toku), aby jeho objavením neposkočil obsah pod ním o jeho výšku — lenže to znamenalo, že ako "plávajúce" zostával navrchu TRVALO, po zvyšok rolovania, a prekrýval čokoľvek sa práve nachádzalo pod ním pri hlbšom scrolle (napr. riadky "Nadchádzajúce zápasy" sa vizuálne "presekli" — hore skryté pod pásom, dole vyčnievajúce spod neho, čo vyzeralo ako presvitajúci text). #pas teraz namiesto toho ostáva VŽDY súčasťou toku vnútri sticky .lepive (app.js ho už neprepína cez position:fixed) — jeho objavenie tak natrvalo odsunie všetok obsah pod ním nadol, nech je scrollY akékoľvek. "Žiadny skok pri objavení" (pôvodný zámer position:fixed) rieši namiesto toho plynulá výšková animácia: .zbalitelny (len na Domove, app.js) drží #pas zbalený na nulovú výšku, kým ho sledujPas() (app.js, podľa IntersectionObserver na hero paneli) plynulo neroztiahne. Cieľová výška NIE je pevné číslo tu v CSS — obsah pásu sa môže zalomiť na 1 aj 2-3 riadky podľa témy/šírky obrazovky (napr. Modern na mobile), pevná hodnota by ho buď orezala, alebo zbytočne naťahovala animáciu — sledujPas() preto pred odhalením zmeria skutočnú pas.scrollHeight a nastaví max-height inline, presne na mieru aktuálneho (aj zalomeného) obsahu. */ .pas.zbalitelny{overflow:hidden;max-height:0;transition:max-height .22s ease} /* #pas má na Domove DVE nezávislé, vždy obe vykreslené štruktúry (rovnaký vzor ako #mobDomov vs.