/* ===== Cookie consent (VivaTron) ===== */
#cookieBanner{
  position: fixed;
  left: 0; right: 0; bottom: 0;
  z-index: 9000; /* intro má 10000 – banner se ukáže až po intro */
  padding: 14px;
  display: none;
}
#cookieBanner.show{ display:block; }

.cookieInner{
  max-width: 1120px;
  margin: 0 auto;
  border-radius: 16px;
  background: rgba(18,20,26,.92);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 18px 60px rgba(0,0,0,.45);
  backdrop-filter: blur(12px);
  padding: 12px 14px;
  display:flex;
  gap: 12px;
  align-items:center;
  justify-content:space-between;
}

.cookieText{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width: 240px;
}
.cookieText strong{ font-size: 14px; }
.cookieText span{
  font-size: 12.8px;
  color: var(--muted, #b9c0cc);
  line-height: 1.35;
}
.cookieText a{
  color: rgba(76,175,80,.95);
  text-decoration:none;
  font-weight: 900;
}
.cookieText a:hover{ text-decoration: underline; }

.cookieActions{
  display:flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content:flex-end;
}

.cbtn{
  border: 0;
  cursor:pointer;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 10px 12px;
  border-radius: 12px;
  font-weight: 900;
  font-size: 12.8px;
  user-select:none;
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}
.cbtn:active{ transform: scale(.99); }
.cbtn.primary{
  background: var(--accent, #4caf50);
  color: #0b0c10;
}
.cbtn.ghost{
  background: rgba(255,255,255,.08);
  color: var(--text, #f2f4f7);
  border: 1px solid rgba(255,255,255,.10);
}
.cbtn.ghost:hover{ background: rgba(255,255,255,.10); }
.cbtn.primary:hover{ transform: translateY(-1px); }

/* Modal */
#cookieModal{
  position: fixed;
  inset: 0;
  z-index: 9500;
  display:none;
  align-items:center;
  justify-content:center;
  padding: 16px;
  background: rgba(0,0,0,.65);
}
#cookieModal.open{ display:flex; }

.cookieCard{
  width: min(520px, 96vw);
  border-radius: 18px;
  background: rgba(18,20,26,.96);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 18px 60px rgba(0,0,0,.45);
  padding: 16px;
}
.cookieCard h3{ margin: 0 0 6px; }
.cookieCard p{ margin: 0 0 12px; color: var(--muted, #b9c0cc); line-height: 1.55; font-size: 13.5px; }

.cookieRow{
  display:flex;
  align-items:flex-start;
  gap: 10px;
  padding: 10px 10px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.03);
  margin-bottom: 10px;
}
.cookieRow strong{ font-size: 13.5px; display:block; margin-bottom:2px; }
.cookieRow small{ color: var(--muted, #b9c0cc); font-size: 12.5px; line-height: 1.35; display:block; }

.cookieRow input[type="checkbox"]{
  margin-top: 4px;
  transform: scale(1.2);
  accent-color: var(--accent, #4caf50);
}

.cookieModalActions{
  display:flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 10px;
}
.cookieModalActions .cbtn{ flex: 1; min-width: 160px; }

@media (max-width: 768px){
  .cookieInner{ flex-direction: column; align-items: stretch; }
  .cookieActions{ justify-content: stretch; }
  .cookieActions .cbtn{ width: 100%; }
}