/* Cookie-Banner theme — Dellenfreie Zone (light "liquid glass", brand red CTA, steel accents).
 * SITE-SPECIFIC FILE: only visual properties change per site. The selectors and the button classes
 * (btn-grayscale / btn-outline / btn-success) MUST stay in sync with what cookieconsent.js injects. */

#cookie-consent-banner {
  position: fixed;
  left: 1rem;
  right: 1rem;
  bottom: 1rem;
  z-index: 2147483000;          /* above the floating site widgets */
  max-width: 30rem;
  margin: 0 auto;
  padding: 1.25rem 1.25rem 1rem;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.82);
  -webkit-backdrop-filter: blur(16px) saturate(140%);
  backdrop-filter: blur(16px) saturate(140%);
  border: 1px solid rgba(22, 25, 29, 0.08);
  box-shadow: 0 18px 50px -12px rgba(22, 25, 29, 0.35);
  color: #16191d;
  font-family: var(--font-montserrat, "Montserrat", system-ui, sans-serif);
  animation: cc-in 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}
@keyframes cc-in { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }

#cookie-consent-banner h3 {
  margin: 0 0 0.5rem;
  font-family: var(--font-bebas, "Bebas Neue", system-ui, sans-serif);
  font-size: 1.45rem;
  letter-spacing: 0.01em;
  color: #16191d;
}

#cookie-consent-banner p { margin: 0 0 0.9rem; font-size: 0.85rem; line-height: 1.5; color: #2b2b2b; }
#cookie-consent-banner p a { color: #1f4257; text-decoration: underline; }

#cookie-consent-banner .cookie-consent-options { display: grid; gap: 0.4rem; margin-bottom: 1rem; }
#cookie-consent-banner .cookie-consent-options label { display: flex; align-items: center; gap: 0.55rem; font-size: 0.85rem; color: #2b2b2b; cursor: pointer; }
#cookie-consent-banner .cookie-consent-options input { width: 1rem; height: 1rem; accent-color: #1f4257; }
#cookie-consent-banner .cookie-consent-options input:disabled { accent-color: #b2b2b2; cursor: not-allowed; }

#cookie-consent-banner .cookie-consent-buttons { display: flex; flex-wrap: wrap; gap: 0.5rem; }
#cookie-consent-banner .cookie-consent-button {
  flex: 1 1 auto;
  min-width: 7rem;
  padding: 0.65rem 1rem;
  border-radius: 12px;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  border: 1px solid transparent;
  transition: transform 0.12s ease, background 0.2s ease, color 0.2s ease;
}
#cookie-consent-banner .cookie-consent-button:active { transform: translateY(1px); }

/* Ablehnen — quiet grayscale */
#cookie-consent-banner .btn-grayscale { background: transparent; color: #6d6d6d; }
#cookie-consent-banner .btn-grayscale:hover { color: #16191d; }
/* Auswahl speichern — steel outline */
#cookie-consent-banner .btn-outline { background: transparent; border-color: #1f4257; color: #1f4257; }
#cookie-consent-banner .btn-outline:hover { background: rgba(31, 66, 87, 0.08); }
/* Alle akzeptieren — brand red CTA (primary action) */
#cookie-consent-banner .btn-success { background: #e30613; color: #fff; }
#cookie-consent-banner .btn-success:hover { background: #c70511; }

/* Desktop: a corner card rather than full-width */
@media (min-width: 640px) {
  #cookie-consent-banner { left: auto; right: 1.5rem; bottom: 1.5rem; margin: 0; }
}