/* ------------------------------------------------------------------
   Cookie lišta pre vrzukac.sk
   Self-hostovaná, bez externých požiadaviek a bez závislostí.
   ------------------------------------------------------------------ */

.cc-banner {
  position: fixed;
  z-index: 10000;
  left: 1rem;
  right: 1rem;
  bottom: 1rem;
  max-width: 34rem;
  margin: 0 auto;
  padding: 1.25rem 1.35rem;
  background: #fff;
  color: #37332e;
  border-radius: 6px;
  box-shadow: 0 4px 32px rgba(0, 0, 0, .22);
  font-family: "Open Sans", sans-serif;
  font-size: .9rem;
  line-height: 1.6;
  opacity: 0;
  transform: translateY(12px);
  transition: opacity .25s ease, transform .25s ease;
}

.cc-banner[hidden] { display: none; }
.cc-banner.cc-visible { opacity: 1; transform: translateY(0); }

.cc-banner h2 {
  margin: 0 0 .4rem;
  font-family: "Playfair Display", serif;
  font-size: 1.15rem;
  font-weight: 700;
  color: #37332e;
}

.cc-banner p { margin: 0 0 1rem; }

.cc-banner a {
  color: #cda45e;
  text-decoration: underline;
}

.cc-banner a:hover { color: #b8873a; }

.cc-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem;
}

.cc-btn {
  flex: 1 1 auto;
  min-width: 8rem;
  padding: .6rem 1.1rem;
  border: 1px solid #cda45e;
  border-radius: 3px;
  background: transparent;
  color: #37332e;
  font-family: "Open Sans", sans-serif;
  font-size: .85rem;
  font-weight: 600;
  cursor: pointer;
  transition: background-color .2s ease, color .2s ease;
}

.cc-btn:hover { background: #f4ece0; }

.cc-btn--accept {
  background: #cda45e;
  border-color: #cda45e;
  color: #fff;
}

.cc-btn--accept:hover { background: #b8873a; border-color: #b8873a; }

.cc-btn:focus-visible,
.cc-placeholder button:focus-visible {
  outline: 2px solid #37332e;
  outline-offset: 2px;
}

/* ---- náhrada za zablokovaný vložený obsah ---- */

.cc-placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .75rem;
  min-height: 320px;
  padding: 2rem 1.25rem;
  background: #f7f5f2;
  border: 1px dashed #d6cec2;
  text-align: center;
  font-family: "Open Sans", sans-serif;
  color: #6b635a;
}

.cc-placeholder[hidden] { display: none; }
.cc-placeholder i { font-size: 2rem; color: #cda45e; }
.cc-placeholder p { margin: 0; max-width: 32rem; font-size: .9rem; line-height: 1.6; }

.cc-placeholder button {
  padding: .55rem 1.2rem;
  border: 1px solid #cda45e;
  border-radius: 3px;
  background: #cda45e;
  color: #fff;
  font-size: .85rem;
  font-weight: 600;
  cursor: pointer;
}

.cc-placeholder button:hover { background: #b8873a; border-color: #b8873a; }

@media (max-width: 480px) {
  .cc-btn { flex-basis: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .cc-banner { transition: none; }
}