/* ==========================================================================
   Cookie consent banner — meno.ba
   ========================================================================== */
.cc-banner {
  position: fixed;
  left: 50%;
  bottom: 20px;
  transform: translateX(-50%);
  width: min(720px, calc(100% - 32px));
  z-index: 9999;
  background: var(--white, #fff);
  color: var(--ink, #373435);
  border: 1px solid var(--rose-100, #F6EBEF);
  border-radius: var(--radius-md, 20px);
  box-shadow: 0 24px 60px -18px rgba(92, 49, 69, 0.35);
  font-family: var(--font-body, sans-serif);
  animation: ccIn .35s ease-out;
}
.cc-banner[hidden] { display: none; }
@keyframes ccIn { from { opacity: 0; transform: translate(-50%, 16px); } to { opacity: 1; transform: translate(-50%, 0); } }

.cc-inner { padding: 1.4rem 1.6rem; }
.cc-text h3 {
  font-family: var(--font-display, Georgia, serif);
  font-weight: 500;
  font-size: 1.2rem;
  color: var(--mauve-900, #5E3D4D);
  margin: 0 0 .35rem;
}
.cc-text p { font-size: .9rem; line-height: 1.55; color: var(--ink-soft, #6E6567); margin: 0; }

.cc-prefs { margin-top: 1rem; border-top: 1px solid var(--rose-100, #F6EBEF); }
.cc-prefs[hidden] { display: none; }
.cc-row {
  display: flex; align-items: center; justify-content: space-between; gap: 1rem;
  padding: .75rem 0; border-bottom: 1px solid var(--rose-100, #F6EBEF); cursor: pointer;
}
.cc-row strong { display: block; font-size: .92rem; }
.cc-row small { display: block; font-size: .8rem; color: var(--ink-soft, #6E6567); margin-top: 2px; }
.cc-row input { width: 20px; height: 20px; accent-color: var(--sage-600, #5C8266); flex-shrink: 0; }

.cc-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .6rem; margin-top: 1.1rem; }
.cc-actions [hidden] { display: none; }
.cc-btn { padding: .6rem 1.1rem; font-size: .88rem; }

.cc-reopen { background: none; border: 0; padding: 0; color: inherit; font: inherit; text-decoration: underline; cursor: pointer; }

@media (max-width: 560px) {
  .cc-banner { bottom: 12px; }
  .cc-inner { padding: 1.1rem 1.1rem; }
  .cc-actions { justify-content: stretch; }
  .cc-btn { flex: 1 1 100%; justify-content: center; text-align: center; }
}