/* Súhlas s cookies (v2) — nenápadná karta dole, nie pás cez celú obrazovku.
   Na Fun rádiu a Vlne sedí nad dockom prehrávača, aby ho neprekrývala.
   Tri tlačidlá sú zámerne úplne rovnaké: prijatie nesmie byť krajšie ani
   väčšie než odmietnutie. Prepínače: nevyhnutné zamknuté, štatistické
   vypnuté, kým ich návštevník sám nezapne. */
.ck {
  position: fixed;
  left: 16px; right: 16px; bottom: 16px;
  z-index: 200;
  display: flex; justify-content: center;
  pointer-events: none;
}
/* dock prehrávača: bottom 14px + výška 64px + 14px medzera */
body:has(.dock) .ck { bottom: 92px; }
/* fullscreen menu a prehrávač majú nižší z-index než karta; kým sú
   otvorené, karta sa schová, po zavretí sa vráti */
body.menu-open .ck, body.player-open .ck { visibility: hidden; }
/* Zámerne bez prelínania: keď sa animácia nedokončí (a na tomto webe sa to
   stáva), lišta by ostala polopriehľadná a nečitateľná. Súhlas musí byť
   vidno vždy. */

.ck-box {
  pointer-events: auto;
  width: min(620px, 100%);
  max-height: calc(100vh - 20px);
  max-height: calc(100dvh - 20px);
  overflow-y: auto;
  background: #fff;
  color: #16191b;
  border: 1px solid rgba(20,25,27,.1);
  border-radius: 16px;
  box-shadow: 0 18px 46px rgba(12,16,18,.18);
  padding: 18px 20px 16px;
  display: grid;
  gap: 14px;
  font-family: inherit;
}
.ck-box:focus { outline: none; }
.ck-box:focus-visible { outline: 2px solid #16191b; outline-offset: 2px; }

.ck-text {
  margin: 0;
  font-size: 14.5px;
  line-height: 1.55;
  color: #3b4245;
}
.ck-viac { color: #16191b; text-underline-offset: 2px; }
.ck-viac:hover { opacity: .7; }

/* kategórie s prepínačmi */
.ck-kat { display: grid; gap: 8px; }
.ck-kat-r {
  position: relative;
  display: flex; align-items: center; gap: 14px;
  padding: 10px 12px;
  border: 1px solid rgba(20,25,27,.1);
  border-radius: 12px;
  cursor: pointer;
}
.ck-kat-r:has(.ck-prep:disabled) { cursor: default; }
.ck-kat-t { flex: 1; display: grid; gap: 2px; min-width: 0; }
.ck-kat-t b { font-size: 13.5px; font-weight: 600; color: #16191b; }
.ck-kat-t small { font-size: 12.5px; line-height: 1.35; color: #5c6467; }
.ck-prep { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; overflow: hidden; }
/* dráha vypnutého stavu má kontrast 3:1 k bielej (WCAG 1.4.11); zapnutý stav je zelený */
.ck-sw {
  flex: none; position: relative;
  width: 40px; height: 24px; border-radius: 999px;
  background: #8f9599;
  transition: background .15s ease;
}
.ck-sw::after {
  content: ''; position: absolute; top: 3px; left: 3px;
  width: 18px; height: 18px; border-radius: 50%;
  background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.25);
  transition: transform .15s ease;
}
.ck-prep:checked + .ck-sw { background: #1f9d55; }
.ck-prep:checked + .ck-sw::after { transform: translateX(16px); }
/* zamknutý prepínač: stále zreteľne zapnutý (gombík vpravo), len tlmenejšia zelená */
.ck-prep:disabled + .ck-sw { background: #7fc59b; }
.ck-prep:focus-visible + .ck-sw { outline: 2px solid #16191b; outline-offset: 2px; }

/* tri rovnocenné tlačidlá: rovnaká farba, rám, veľkosť aj písmo */
.ck-akcie { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.ck-btn {
  border-radius: 999px;
  padding: 11px 12px;
  /* longhandy naschvál: skratka font s „inherit" ako rodinou je neplatná
     a tlačidlo by spadlo na 16px/1.6 z globálneho button { font: inherit } */
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.15;
  cursor: pointer;
  border: 1px solid rgba(20,25,27,.3);
  background: #fff;
  color: #16191b;
  white-space: nowrap;
  transition: background .15s ease;
}
.ck-btn:hover { background: #f2f3f4; }
.ck-btn:focus-visible { outline: 2px solid #16191b; outline-offset: 2px; }

/* pätička Radio Group: „Osobné údaje" a „Nastavenia cookies" sa zalamujú
   spolu, nech odkaz na cookies neostane sám na riadku. Je tu, lebo
   cookies.css načítava každá stránka s touto pätičkou (rg.css nie). */
.footer-legal-odkazy { display: inline-flex; flex-wrap: wrap; gap: inherit; }

@media (max-width: 560px) {
  .ck { left: 10px; right: 10px; bottom: 10px; }
  body:has(.dock) .ck { bottom: 90px; }
  .ck-box { padding: 16px; border-radius: 14px; gap: 12px; }
  .ck-akcie { grid-template-columns: 1fr; }
}