/* Cookie-consent banner. Loaded on every page. CSP-safe (no inline styles). */
.cc-banner {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 60;
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px 22px;
  padding: 14px 20px;
  background: rgba(12, 8, 5, 0.94);
  border-top: 1px solid rgba(255, 230, 200, 0.14);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  transform: translateY(110%); transition: transform .35s cubic-bezier(0.22, 1, 0.36, 1);
  font-family: "Inter", system-ui, -apple-system, sans-serif;
}
.cc-banner.show { transform: translateY(0); }
.cc-text { color: #f3e7d3; font-size: 0.86rem; line-height: 1.5; max-width: 640px; margin: 0; }
.cc-text a { color: #e8a85a; }
.cc-btns { display: flex; gap: 10px; flex-shrink: 0; }
.cc-btn {
  font-family: inherit; font-size: 0.85rem; letter-spacing: 0.02em; cursor: pointer;
  padding: 9px 18px; border-radius: 999px; border: 1px solid rgba(255, 230, 200, 0.25);
  transition: border-color .25s, filter .25s;
}
.cc-reject { background: transparent; color: #f3e7d3; }
.cc-reject:hover { border-color: #e8a85a; }
.cc-accept { background: #e8a85a; color: #1a0f06; border-color: #e8a85a; }
.cc-accept:hover { filter: brightness(1.08); }

/* a small persistent link to reopen choices (optional, lives in footers) */
.cc-reopen { background: none; border: none; color: inherit; font: inherit; cursor: pointer; padding: 0; text-decoration: underline; }

@media (max-width: 560px) {
  .cc-text { font-size: 0.8rem; }
  .cc-banner { gap: 10px 14px; padding: 12px 16px; }
}