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

/* --- z style-a5de0145ecc1.css --- */
.ph-wa__atom { width: 10px; height: 10px; position: relative; flex-shrink: 0; transition: transform var(--t-nabeh) var(--f-ease); }
.ph-wa__k { color: var(--c-mute); font-size: 10px; }
@media (max-width: 860px) { .ph-wa__k { display: none; } }
.ph-wa__t { font-size: 15px; font-weight: 500; line-height: var(--lh-nadpis); }
@media (max-width: 860px) { .ph-wa__t { font-size: 14px; } }
.ph-wa__txt { row-gap: 3px; display: flex; flex-direction: column; }
.ph-wa__arr { color: var(--c-mute); font-size: 12px; }
.ph-wa { left: auto; color: var(--f-paper); right: var(--f-pad); bottom: 24px; z-index: var(--z-wa); position: fixed; box-shadow: color-mix(in srgb, var(--c-fg) 28%, transparent) 0px 0px 0px 1px inset; column-gap: 14px; align-items: center; background: var(--f-ink); padding: 12px 16px 12px 14px; }
@media (max-width: 860px) { .ph-wa { left: auto; right: 16px; bottom: 16px; column-gap: 10px; padding: 10px 14px 10px 12px; } }
.ph-wa:hover { opacity: 1; box-shadow: inset 0 0 0 1px var(--f-paper); }
.ph-wa__atom::after { top: -5px; left: -5px; right: -5px; bottom: -5px; content: ""; opacity: 0; position: absolute; animation: ph-wa-ping 2.8s var(--f-ease) infinite; box-shadow: inset 0 0 0 1px var(--f-signal-max); }
@media (prefers-reduced-motion: reduce) { .ph-wa__atom::after { animation-name: none; animation-delay: 0s; animation-duration: auto; animation-fill-mode: none; animation-range-end: normal; animation-timeline: auto; animation-direction: normal; animation-play-state: running; animation-range-start: normal; animation-iteration-count: 1; animation-timing-function: ease; } }
.ph-wa:hover .ph-wa__atom { transform: rotate(90deg); }
.ph-wa.is-off { cursor: default; box-shadow: color-mix(in srgb, var(--c-fg) 16%, transparent) 0px 0px 0px 1px inset; }
.ph-wa.is-off:hover { box-shadow: color-mix(in srgb, var(--c-fg) 16%, transparent) 0px 0px 0px 1px inset; }
.ph-wa.is-off .ph-wa__atom::after { display: none; }
.ph-wa.is-off:hover .ph-wa__atom { transform: none; }
.ph-wa.is-off .ph-wa__t { color: var(--c-body); font-weight: 400; }
@media (max-width: 860px) { .ph-wa.is-off .ph-wa__k { display: block; } }

/* --- z userStyles-b7accc8e732d.css --- */
.ph-wa { transition: opacity var(--t-zmena) var(--f-ease), transform var(--t-zmena) var(--f-ease), visibility 0s linear 0s; }
.ph-wa.is-away { opacity: 0; transform: translateY(12px); pointer-events: none; visibility: hidden; transition: opacity var(--t-zmena) var(--f-ease), transform var(--t-zmena) var(--f-ease), visibility 0s linear 360ms; }
html body .ph-wa__t { letter-spacing: var(--tr-text); }
html body .ph-wa__atom, html body .ph-wa__atom::after { border-radius: var(--f-atom-r); -webkit-mask: url(../../../uploads/atom.svg) no-repeat center / 100% 100%; mask: url(../../../uploads/atom.svg) no-repeat center / 100% 100%; }
html body .ph-wa:not(.is-off) .ph-wa__atom { background: var(--f-online-grad); animation: ph-wa-live 1.8s ease-in-out infinite; }
html body .ph-wa:not(.is-off) .ph-wa__atom::after { box-shadow: inset 0 0 0 1px var(--f-online); animation-duration: 1.8s; }
html body .ph-wa.is-off .ph-wa__atom { background: var(--f-mute-dark); animation: none; }
@media (prefers-reduced-motion: reduce) { html body .ph-wa .ph-wa__atom, html body .ph-wa .ph-wa__atom::after { animation: none; } }
html:root body .ph-wa .ph-wa__t { font-size: var(--ts-ui); letter-spacing: var(--tr-text); }
html:root body .ph-wa .ph-wa__k, html:root body .ph-wa .ph-wa__arr { font-size: var(--ts-popis); }
@media (max-width: 900px) { html.vz-in-view body .ph-wa { display: none; } }
html.ph-menu-open body .ph-wa { opacity: 0; visibility: hidden; pointer-events: none; }
html body .ph-wa { display: none; }

/* --- z ph-viz.css --- */
@media (max-width: 900px) { html.vz-in-view .ph-wa { opacity: 0; visibility: hidden; transform: translateY(16px); pointer-events: none; transition: opacity var(--t-rychlo, 240ms), transform var(--t-rychlo, 240ms), visibility 0s linear 240ms; } }