/* Doplnky aplikácie Vysielanie k Protokolu 3.1. Hodnoty iba cez tokeny z tokens.css. */

[hidden] { display: none !important; } /* pk-link a pk-btn majú vlastné display, ktoré by atribút hidden prebili */
a.pk-btn { text-decoration: none; }
.pk-tab { display: inline-block; text-decoration: none; }
.pk-tab[aria-current="true"] { background: var(--surface-selected); color: var(--ink); font-weight: 600; }
.pk-tab[aria-current="true"] .pk-tab__n { color: var(--ink); }
.pk-table td form { display: inline; }
.pk-table td a.pk-link { text-decoration-color: var(--rule-control); }
.pk-table td a.pk-link:hover { text-decoration-color: currentColor; }
.pk-table__act { width: 1%; }

/* Hlavný stav: Prehľad a súkromná stránka */
.stav { display: grid; gap: var(--space-2); justify-items: start; padding: var(--space-5); }
.stav__nadpis { margin: 0; }
.stav__veta { margin: 0; max-width: var(--measure); color: var(--ink-muted); }
.stav__akcie { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3) var(--space-4); margin-top: var(--space-2); }
.stav__akcie:empty { display: none; }

/* Skupiny tlačidiel */
.tlacidla { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.tlacidla--blok { padding: var(--space-4) var(--space-5); }

/* Formuláre */
.formular { display: grid; gap: var(--space-4); padding: var(--space-5); }
.formular--bez-okraja, .formular--panel { padding: 0; }
.formular__riadok { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 360px)); gap: var(--space-4); }
.formular__akcie { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3) var(--space-4); padding: var(--space-4) var(--space-5); border-top: 1px solid var(--rule); }
.formular__akcie--spodne { margin-top: var(--space-5); padding-inline: 0; border-top: 0; }
.pk-field--siroke { max-width: var(--panel-width); }
textarea.pk-field__input { height: auto; min-height: 76px; padding: var(--space-2) var(--space-3); line-height: 20px; resize: vertical; }
.volby { display: grid; gap: var(--space-2); margin: 0; padding: 0; border: 0; }
.volby legend { margin-bottom: var(--space-2); padding: 0; }
.zaskrtnutie { display: flex; align-items: center; gap: var(--space-2); min-height: 24px; cursor: pointer; }
.zaskrtnutie input { flex: none; width: 16px; height: 16px; margin: 0; accent-color: var(--signal-fill); cursor: pointer; }
.presun { display: grid; gap: var(--space-3); margin-top: var(--space-3); }
.odkaz-pole { display: block; width: 100%; margin-top: var(--space-2); }

/* Simulácia */
.sim__telo { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--space-5); padding: var(--space-4) var(--space-5) var(--space-5); }
.sim__ovladanie { display: grid; align-content: start; gap: var(--space-4); }
.sim__ovladanie h3 { margin: 0 0 var(--space-2); }
@container pk-content (max-width: 640px) {
  .sim__telo { grid-template-columns: minmax(0, 1fr); }
}

/* Stránky bez indexu: prihlásenie a súkromné vysielanie */
.jednoducha { max-width: 640px; margin: 0 auto; padding: var(--space-6) max(var(--space-4), env(safe-area-inset-right, 0px)) var(--space-7) max(var(--space-4), env(safe-area-inset-left, 0px)); }
.jednoducha .stav { padding-inline: 0; }
.jednoducha .pk-notice { margin-bottom: var(--space-3); }
.video { display: grid; place-items: center; width: 100%; aspect-ratio: 16 / 9; margin-top: var(--space-2); padding: var(--space-4); background: var(--surface-sunken); color: var(--ink-muted); text-align: center; }
.video:has(iframe) { padding: 0; }
.video iframe { width: 100%; height: 100%; border: 0; }