/* Lišta cookies Certixu (13. 10. 2026, core/pravidla.py, templates/_cookies.html). Web certix.sk aj prihlásenie
   portálu, preto jeden samostatný súbor s vlastnými hodnotami, nie kópie vo web.css a app.css [fm-34].
   Revízny štítok: tmavomodrá karta ako bočný panel portálu, vľavo pečať s logom (zlatá ručička ako v logu a radare)
   a dierka štítka, za ňou perforácia, vpravo text a kontrolný záznam (áno tyrkysovo, nie tlmene).
   Nezakrýva obsah (vľavo dole, na mobile spodný okraj), neberie fokus, bez pohybu pri prefers-reduced-motion. */
.ck{--ck-night:#062639;--ck-deep:#0b3048;--ck-teal-2:#007567;--ck-teal-hi:#3fd3b9;--ck-hand:#C8A55F;
  --ck-on:#e7f0f7;--ck-on-2:#9fb6c9;--ck-line:rgba(159,182,201,.3);
  position:fixed;z-index:70;left:20px;bottom:20px;width:min(392px,calc(100vw - 40px));
  display:grid;grid-template-columns:52px minmax(0,1fr);
  color:var(--ck-on);background:linear-gradient(165deg,var(--ck-deep) 0%,var(--ck-night) 64%);
  border:1px solid rgba(63,211,185,.26);border-radius:14px;
  box-shadow:0 22px 48px -12px rgba(2,16,27,.55),0 3px 8px rgba(2,16,27,.28);
  font:400 15px/1.5 Barlow,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;
  text-align:left;animation:ck-in .34s cubic-bezier(.2,.75,.25,1) .35s both}
.ck[hidden]{display:none}
.ck-right{left:auto;right:20px}
.ck *,.ck *::before,.ck *::after{box-sizing:border-box}
.ck-seal{position:relative;display:grid;justify-items:center;align-content:start;padding:30px 0 16px;
  border-right:1px dashed var(--ck-line)}
.ck-seal::before{content:"";position:absolute;top:11px;left:50%;width:9px;height:9px;margin-left:-4.5px;border-radius:50%;
  background:#041723;box-shadow:inset 0 1px 2px rgba(0,0,0,.5),0 0 0 1px var(--ck-line)}
.ck-seal svg{display:block;width:28px;height:28px}
.ck-seal svg [stroke="#123F3D"]{stroke:var(--ck-on)}
.ck-seal svg [fill="#123F3D"]{fill:var(--ck-on)}
.ck-seal svg [stroke="#B8934E"]{stroke:var(--ck-hand)}
.ck-main{min-width:0;padding:16px 18px 16px 16px}
.ck-title{margin:0 0 4px;font:700 19px/1.15 "Barlow Semi Condensed",Barlow,system-ui,sans-serif;color:#fff}
.ck-text{margin:0 0 12px;color:var(--ck-on-2);font-size:14.5px}
.ck-list{list-style:none;margin:0 0 14px;padding:10px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px 12px;border-top:1px solid var(--ck-line);font-size:14px;line-height:1.3}
.ck-list li{display:flex;align-items:center;gap:7px;min-width:0;margin:0}
.ck-list .i{width:15px;height:15px;flex:none}
.ck-yes{color:var(--ck-on)}
.ck-yes .i{color:var(--ck-teal-hi)}
.ck-no{color:var(--ck-on-2)}
.ck-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.ck-ok{height:40px;margin:0;padding:0 20px;border:1px solid #007c6b;border-radius:9px;cursor:pointer;
  background:linear-gradient(110deg,#008e7b,var(--ck-teal-2));color:#fff;font:600 15px/1 Barlow,system-ui,sans-serif;
  box-shadow:0 4px 10px rgba(0,123,107,.25);transition:background .15s}
.ck-ok:hover{background:#006c5e}
.ck-ok:focus-visible,.ck-more:focus-visible{outline:2px solid var(--ck-teal-hi);outline-offset:3px;border-radius:6px}
.ck-more{color:var(--ck-on);font-size:14.5px;text-decoration:underline;text-underline-offset:3px;
  text-decoration-color:rgba(231,240,247,.45)}
.ck-more:hover{color:#fff;text-decoration-color:currentColor}
.ck.is-leaving{animation:ck-out .2s ease-in both}
@keyframes ck-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes ck-out{to{opacity:0;transform:translateY(8px)}}
@media (max-width:560px){
  .ck,.ck-right{left:0;right:0;bottom:0;width:100%;border-radius:16px 16px 0 0;border-width:1px 0 0;grid-template-columns:44px minmax(0,1fr)}
  .ck-seal{padding-top:28px}
  .ck-seal svg{width:24px;height:24px}
  .ck-main{padding:14px 16px calc(14px + env(safe-area-inset-bottom)) 12px}
  .ck-ok{flex:1 1 auto}
  html.ck-open body{padding-bottom:var(--ck-h,260px)}   /* miesto pod stránkou, kým je lišta otvorená */
}
@media (prefers-reduced-motion:reduce){.ck,.ck.is-leaving{animation:none}}
@media print{.ck{display:none}}