/* Cookie lišta — sdílená komponenta.
   Barvy se nastavují proměnnými, které dosadí cookie-lista.js z konfigurace,
   aby jeden soubor sloužil stránkám s různou paletou. Hodnoty níže jsou
   jen záloha, kdyby konfigurace barvy neuvedla. */
.cookie-lista{
  --ck-pozadi:#1C1C1A; --ck-text:rgba(248,244,238,0.9);
  --ck-zvyrazneni:#C9A96E; --ck-linka:rgba(248,244,238,0.2);
  --ck-tlacitko-text:#fff;
  position:fixed; left:0; right:0; bottom:0; z-index:9999;
  padding:16px 24px;
  background:var(--ck-pozadi); color:var(--ck-text);
  border-top:1px solid var(--ck-linka);
  box-shadow:0 -14px 40px rgba(0,0,0,0.22);
  animation:ck-vjezd .35s ease-out;
}
.cookie-lista[hidden]{display:none}
@keyframes ck-vjezd{from{transform:translateY(100%)}to{transform:none}}
@media(prefers-reduced-motion:reduce){.cookie-lista{animation:none}}

.cookie-obsah{max-width:1100px;margin:0 auto;display:flex;flex-wrap:wrap;
  align-items:center;gap:16px 28px}
.cookie-text{flex:1 1 380px;min-width:0}
.cookie-text h2{font:inherit;font-size:16px;font-weight:700;margin:0 0 5px;color:var(--ck-text)}
.cookie-text p{font-size:13.5px;line-height:1.6;margin:0;color:var(--ck-text);opacity:.85}
.cookie-text a{color:var(--ck-zvyrazneni);text-decoration:underline}

.cookie-volby[hidden]{display:none}
.cookie-volby{flex:1 1 100%;display:flex;flex-direction:column;gap:10px;
  padding:14px 0 2px;border-top:1px solid var(--ck-linka)}
.cookie-volba{display:flex;align-items:flex-start;gap:11px;font-size:13.5px;
  line-height:1.55;cursor:pointer;color:var(--ck-text);opacity:.85}
.cookie-volba input{margin-top:3px;width:16px;height:16px;
  accent-color:var(--ck-zvyrazneni);flex-shrink:0}
.cookie-volba input:disabled{opacity:.55;cursor:not-allowed}
.cookie-volba strong{opacity:1}

.cookie-tlacitka{display:flex;flex-wrap:wrap;align-items:center;gap:10px;flex-shrink:0}
.cookie-tlacitko{font:inherit;font-size:14px;font-weight:600;letter-spacing:.02em;
  padding:9px 20px;border-radius:8px;cursor:pointer;transition:opacity .2s,border-color .2s}
.cookie-tlacitko[hidden]{display:none}
.cookie-tlacitko-hlavni{background:var(--ck-zvyrazneni);color:var(--ck-tlacitko-text);border:1px solid var(--ck-zvyrazneni)}
.cookie-tlacitko-hlavni:hover{opacity:.88}
.cookie-tlacitko-vedlejsi{background:transparent;color:var(--ck-text);border:1px solid var(--ck-linka)}
.cookie-tlacitko-vedlejsi:hover{border-color:var(--ck-zvyrazneni)}
.cookie-odkaz{font:inherit;font-size:13.5px;font-weight:600;color:var(--ck-text);
  background:none;border:0;cursor:pointer;text-decoration:underline;padding:6px;opacity:.8}
.cookie-odkaz:hover{opacity:1;color:var(--ck-zvyrazneni)}
.cookie-odkaz[hidden]{display:none}

/* Odkaz na zasady jako samostatny maly radek pod tlacitky — pouziva se tam,
   kde popis konci uz u druhe vety. */
.cookie-odkaz-zasady{flex:1 1 100%;font-size:12.5px;color:var(--ck-text);
  opacity:.75;text-decoration:underline}
.cookie-odkaz-zasady:hover{opacity:1;color:var(--ck-zvyrazneni)}

@media(max-width:640px){
  .cookie-lista{padding:10px 14px}
  .cookie-obsah{gap:10px}
  /* Nadpis je na mobilu nadbytecny — popis rika totez a lista je uz
     jasne rozpoznatelna. Ctecky obrazovky ho maji dal pres aria-labelledby. */
  .cookie-text h2{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .cookie-tlacitka{width:100%}
  .cookie-tlacitko{flex:1 1 auto;text-align:center}
  .cookie-odkaz{width:100%;text-align:center}
  /* Rozbalene volby: uzsi rozestupy, ale plocha na kliknuti zustava —
     radek ma dal aspon 44 px, coz je doporucene minimum pro prst. */
  .cookie-volby{gap:4px;padding:10px 0 2px}
  .cookie-volba{min-height:44px;align-items:center;line-height:1.4}
  .cookie-volba input{margin-top:0}
}
@media print{.cookie-lista{display:none}}