/* Rádio Vlna — brand overrides on top of the shared v3 design system.
   Colours taken from the station's own stylesheet (app.min.css):
     --red #e20613 / --red-dark #a7000a  ·  --blue #009fe2
   The shared CSS is built around --magenta, so remap that token rather than
   hunting down every rule. */
:root {
  --magenta: #e20613;
  --magenta-deep: #a7000a;
  --sc-stlpce: 2;
  --sc-pomer: 1860 / 608;   /* fotky relácií Vlny sú panorámy */
  --magenta-soft: #F8DEDB;
  --brand: #e20613;
  --brand-deep: #a7000a;
  --vlna-blue: #009fe2;
}

/* elements that hard-code the Fun Rádio pink instead of using the token */
.h-dot,
.microlabel::before,
.pr-dot,
.bl-dot,
.tl-lab,
.fs-ic,
.fs-col h4,
.fs-group h4,
.se-kind,
.fs-kind { color: #e20613; }

.pr-badge,
.chip--live,
.live-dot,
.tl-fill,
.tl-step.is-on .tl-dot,
.bl-dot,
.pr-dot { background: #e20613; }

.btn--primary,
.promo .btn--primary { background: #e20613; border-color: transparent; }
.btn--primary:hover,
.promo .btn--primary:hover { background: #a7000a; }

.player-progress .bar,
.player-progress:not(.live) .bar::after { background: #e20613; }

.nav .live { color: #e20613; }
.nav .live::before { background: #e20613; }

mark { background: rgba(226, 6, 19, .18); }

/* focus / hover accents */
.fs-chip:hover,
.rk-case:hover,
.sd-chip:hover,
.cat-nav a:hover { border-color: #e20613; color: #e20613; }
.se-input:focus,
.fs-input:focus { border-color: #e20613; }

/* the blue is Vlna's second brand colour — used for quiet accents */
.tl-num { color: var(--ink, #1B0E15); }
.dock-live:hover { border-color: #e20613; }

/* ── podcasty cez Spotify ─────────────────────────────────────
   Vlna nemá vlastné mp3, preto vložený prehrávač namiesto nášho. */
.vp-list { display: flex; flex-direction: column; gap: 42px; max-width: 820px; }
.vp-head { display: flex; align-items: baseline; justify-content: space-between; gap: 18px; flex-wrap: wrap; margin-bottom: 8px; }
.vp-title { margin: 0; font: 700 24px/1.2 var(--font-display, system-ui); letter-spacing: -.02em; color: var(--ink, #1B0E15); }
.vp-link { font: 600 14px/1 var(--font-body, system-ui); color: var(--magenta); text-decoration: none; white-space: nowrap; }
.vp-link:hover { text-decoration: underline; }
.vp-desc { margin: 0 0 14px; max-width: 60ch; font: 400 15.5px/1.6 var(--font-body, system-ui); color: var(--ink-soft, #6A5560); }
.vp-embed { width: 100%; border: 0; border-radius: 14px; display: block; }
.vp-soon { margin: 0; font: 400 14.5px/1.6 var(--font-body, system-ui); color: var(--ink-soft, #6A5560); opacity: .8; }
@media (max-width: 640px) { .vp-list { gap: 34px; } .vp-title { font-size: 20px; } }

/* zoznam relácií — spoločný pre obe stanice, farby berie z témy */

/* Doplnené odtiene — bez nich presvitá ružová Fun rádia (hover podcastov, linky, scrollbar). */
:root {
  --magenta-bright: #ff3340;
  --magenta-line: rgba(226, 6, 19, .18);
  --on-magenta: #fff2f2;
}