/* Lišta souhlasu s cookies (app/modules/mereni.php, assets/js/souhlas.js) — portál i web klubu.
   Tmavá karta vlevo dole, na mobilu přes celou šířku. Barvy: na webu klubu z tématu (--dark, --accent),
   na portálu výchozí banda!cz. „Přijmout vše" a „Odmítnout" stejně velké a stejně čitelné (ÚOOÚ / EDPB). */
.lista-cookies{
  --s-bg:var(--dark,#191411); --s-text:#fff; --s-muted:rgba(255,255,255,.78); --s-linka:rgba(255,255,255,.16);
  --s-ano:var(--accent,#FFD600); --s-ne:#FFF8ED;
  position:fixed; left:16px; bottom:16px; z-index:90; width:min(440px,calc(100vw - 32px));
  border:1px solid var(--s-linka); border-radius:20px; background:var(--s-bg); color:var(--s-text);
  font:15px/1.5 Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  box-shadow:0 12px 40px rgba(0,0,0,.28),0 2px 6px rgba(0,0,0,.2);
}
/* posouvá se jen vnitřek: karta sama nic neořezává, takže gekon za její hranou je vidět i na nízkém okně */
.lista-cookies-obsah{max-height:calc(100vh - 34px); max-height:calc(100dvh - 34px); overflow:auto; padding:22px 22px 18px; border-radius:inherit}
.lista-cookies[hidden]{display:none}
.lista-cookies h2{margin:0 0 6px; font-size:18px; font-weight:800; letter-spacing:-.01em; line-height:1.25; color:inherit}
.lista-cookies p{margin:0; color:var(--s-muted)}
.lista-cookies a{color:var(--s-text); text-decoration:underline; text-underline-offset:2px}
.lista-cookies a:hover{color:var(--s-ano)}
/* gekon vykukuje zpoza pravé hrany karty: řez jeho těla (v obrázku 10,5 px z 295 od kraje, po zrcadlení vlevo) sedí přesně
   na vnější hraně rámečku, přes kartu jdou jen prsty, které se jí drží (majitel 26. 9.: „lépe k okraji“) */
.lista-cookies-gekon{position:absolute; left:100%; bottom:22px; width:80px; height:auto; margin-left:-2px; transform:scaleX(-1); pointer-events:none}

.lista-cookies-volby{display:grid; gap:10px; margin:14px 0 0; padding:12px 0 0; border-top:1px solid var(--s-linka)}
.lista-cookies-volby[hidden]{display:none}
.lista-cookies-volba{display:flex; gap:12px; align-items:flex-start; cursor:pointer}
.lista-cookies-volba input{flex:0 0 auto; width:20px; height:20px; margin:2px 0 0; accent-color:var(--s-ano); cursor:pointer}
.lista-cookies-volba input:disabled{cursor:default; opacity:.7}
.lista-cookies-volba span{display:block; color:var(--s-muted); font-size:14px}
.lista-cookies-volba b{display:block; color:var(--s-text); font-size:15px}
.lista-cookies-volba small{font-weight:600; color:var(--s-muted); font-size:12px}

.lista-cookies-tl{display:flex; flex-wrap:wrap; gap:8px; margin-top:16px}
.lista-cookies-tl button{min-height:44px; padding:10px 18px; border-radius:999px; border:2px solid transparent;
  font:inherit; font-size:15px; font-weight:800; line-height:1.2; cursor:pointer}
.lista-cookies-tl button[hidden]{display:none}
.lista-cookies-ano,.lista-cookies-ne,.lista-cookies-ulozit{flex:1 1 130px}
.lista-cookies-ano{background:var(--s-ano); color:#191411}
.lista-cookies-ne{background:var(--s-ne); color:#191411}
.lista-cookies-ulozit{background:transparent; border-color:var(--s-ano)!important; color:var(--s-text)}
.lista-cookies-nastavit{flex:1 1 100%; background:transparent; color:var(--s-text); text-decoration:underline; text-underline-offset:3px; min-height:36px!important; padding:4px 8px!important}
.lista-cookies-tl button:hover{filter:brightness(1.07)}
.lista-cookies :focus-visible{outline:3px solid var(--s-ano); outline-offset:2px}

/* tlačítko „Nastavení cookies" v patičce vypadá jako odkaz kolem */
.lista-cookies-otevrit{padding:0; border:0; background:none; font:inherit; color:inherit; text-decoration:underline; text-underline-offset:2px; cursor:pointer}
.lista-cookies-otevrit[hidden]{display:none}
.lista-cookies-otevrit.s-teckou::before{content:"·"; display:inline-block; margin:0 .35em 0 .1em}   /* tečka jako oddělovač, bez podtržení */

@media (max-width:560px){
  .lista-cookies{left:8px; right:8px; bottom:8px; width:auto; border-radius:18px}
  .lista-cookies-obsah{max-height:calc(100vh - 18px); max-height:calc(100dvh - 18px); padding:18px 16px 14px}
  .lista-cookies-gekon{display:none}   /* lišta přes celou šířku — gekon by neměl kam */
}
@media print{ .lista-cookies{display:none!important} }
