/* Lišta o cookies (viz cookies.js) */

.cc-lista {
  position: fixed; left: 1rem; right: 1rem; bottom: 1rem; z-index: 9999;
  max-width: 40rem; margin-left: auto; margin-right: auto;
  background: #fff; color: #334155; border-top: 3px solid #D4AF37;
  box-shadow: 0 20px 50px -12px rgba(30,17,66,.45);
  padding: 1.5rem; font-family: Inter, sans-serif; font-size: .875rem; line-height: 1.6;
}
.cc-lista[hidden] { display: none; }
.cc-lista h2 {
  font-family: Merriweather, serif; font-weight: 900; font-size: 1.1rem;
  color: #351D73; margin: 0 0 .5rem; text-transform: uppercase; letter-spacing: .01em;
}
.cc-lista p { margin: 0 0 1rem; }
.cc-lista a { color: #351D73; font-weight: 600; text-decoration: underline; }

.cc-tlacitka { display: flex; flex-wrap: wrap; gap: .5rem; }
.cc-tlacitka button {
  flex: 0 1 12rem; padding: .8rem 1rem; cursor: pointer;
  font: 700 .7rem/1 Inter, sans-serif; letter-spacing: .12em; text-transform: uppercase;
  border: 1px solid #351D73; transition: background-color .2s, color .2s;
}
.cc-hlavni { background: #351D73; color: #fff; }
.cc-hlavni:hover { background: #D4AF37; border-color: #D4AF37; color: #1e1142; }
.cc-tlacitka button:focus-visible { outline: 2px solid #D4AF37; outline-offset: 2px; }

@media (max-width: 480px) {
  .cc-lista { left: .5rem; right: .5rem; bottom: .5rem; padding: 1.25rem; max-height: calc(100vh - 1rem); overflow-y: auto; }
  .cc-tlacitka button { flex: 1 1 0; }
}
@media print { .cc-lista { display: none !important; } }