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

/* --- z style-a5de0145ecc1.css --- */
.ph-menu { top: 64px; left: 0px; color: var(--f-paper); right: 0px; bottom: 0px; row-gap: 40px; z-index: var(--z-menu); display: flex; opacity: 0; position: fixed; overflow-y: auto; transform: translateY(-8px); background: var(--f-ink); padding: 24px 20px 32px; transition: opacity var(--t-zmena) var(--f-ease), transform var(--t-nabeh) var(--f-ease), visibility 0s linear 480ms; visibility: hidden; flex-direction: column; justify-content: space-between; }
@media (min-width: 861px) { .ph-menu { display: none; } }
.ph-menu-open .ph-menu { opacity: 1; transform: none; transition: opacity var(--t-zmena) var(--f-ease), transform var(--t-nabeh) var(--f-ease), visibility 0s; visibility: visible; }
.ph-menu__list { display: flex; flex-direction: column; border-bottom-color: color-mix(in srgb, var(--c-fg) 16%, transparent); border-bottom-style: solid; border-bottom-width: 1px; }
.ph-menu__item { display: grid; opacity: 0; font-size: 34px; transform: translateY(12px); align-items: baseline; font-weight: 500; line-height: 1; padding: 18px 0px; transition: opacity var(--t-zmena) var(--f-ease), transform var(--t-nabeh) var(--f-ease); border-top-color: color-mix(in srgb, var(--c-fg) 16%, transparent); border-top-style: solid; border-top-width: 1px; transition-delay: calc(80ms + var(--i) * 50ms); grid-template-columns: 40px minmax(0px, 1fr) auto; }
.ph-menu-open .ph-menu__item { opacity: 1; transform: none; }
/* 1. 11. 2026, krok 9 — zo style: pri otvorenom menu sa stránka pod ním neposúva (trieda .ph-menu-open je na <html>) */
.ph-menu-open, .ph-menu-open body { overflow-x: hidden; overflow-y: hidden; }
.ph-menu__foot { row-gap: 24px; display: flex; align-items: stretch; flex-direction: column; }
.ph-menu__contact { row-gap: 10px; display: flex; flex-direction: column; }
.ph-menu__item:first-child { border-top-color: currentcolor; border-top-style: none; border-top-width: 0px; }

/* --- z userStyles-b7accc8e732d.css --- */
.ph-menu__item { letter-spacing: var(--tr-velky); }
.ph-menu__row { display: flex; justify-content: space-between; align-items: flex-end; column-gap: 24px; }
.ph-menu__soc { display: flex; align-items: center; column-gap: 4px; margin: 0 -12px -12px 0; }