/* KOMPONENT lp-sub — .lp-sub (krok 4 knižnice, 30. 10. 2026).
   Vybraté z: userStyles-b7accc8e732d.css. Hodnoty z tokeny.css.
   Vytvoril tools/komponent_vyber.py — pravidlá v pôvodnom poradí. */

/* --- z userStyles-b7accc8e732d.css --- */
.lp-sub { transition: top var(--t-zmena) var(--f-ease); }
.lp-sub { position: sticky; top: calc(var(--lp-top, 0px) - 1px); z-index: var(--z-lista); display: flex; column-gap: var(--f-gap); overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -webkit-overflow-scrolling: touch; padding: 0 var(--f-pad); background: var(--f-ink); color: var(--f-paper); border-top: 1px solid var(--c-line); border-bottom: 1px solid var(--c-line); }
.lp-sub::-webkit-scrollbar { display: none; }
.lp-sub a { flex: 0 0 auto; display: flex; column-gap: 10px; padding: 16px 0; white-space: nowrap; color: var(--c-mute); transition: color var(--t-rychlo) var(--f-ease); }
.lp-sub a:hover { opacity: 1; color: var(--f-paper); }
.lp-sub a.is-active { color: var(--f-paper); }
.lp-sub a { position: relative; }
.lp-sub a::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: var(--f-max-grad); transform: scaleX(0); transform-origin: left center; transition: transform var(--t-zmena) var(--f-ease); }
.lp-sub a.is-active::after { transform: scaleX(1); }
@media (prefers-reduced-motion: reduce) { .lp-sub a::after { transition: none; } }
main > .lp-sub ~ .ph-sec[id] { scroll-margin-top: calc(var(--lp-top, 0px) + 50px); }