/**
 * Klaro Cookie Consent – Custom CSS für selbststaendig-pkv.de
 * Farbschema: Primary Blue (#1F4E79) + Accent Orange (#C55A11)
 */

/* ===== Overlay + Blur (Seite blockieren bis Consent) ===== */

#klaro {
  position: relative;
  z-index: 9998;
}

/* Overlay: stark ausgrauen + Blur auf den Content dahinter */
#klaro:has(.cookie-notice)::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  z-index: 9998;
  pointer-events: auto;
}

/* ===== Notice zentriert + prominenter orangener Rand ===== */

#klaro .cookie-notice {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  bottom: auto !important;
  right: auto !important;
  max-width: 480px !important;
  width: 90% !important;
  z-index: 9999 !important;
  border-radius: 12px !important;
  border: 3px solid #C55A11 !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4) !important;
  margin: 0 !important;
  padding: 24px !important;
}

/* Hauptfarben überschreiben */
.klaro .cookie-notice,
.klaro .cookie-modal {
  font-family: 'Inter', system-ui, sans-serif;
}

.klaro .cookie-notice .cn-body .cn-buttons .cm-btn.cm-btn-success,
.klaro .cookie-modal .cm-footer .cm-btn.cm-btn-success {
  background-color: #C55A11;
  border-color: #C55A11;
}

.klaro .cookie-notice .cn-body .cn-buttons .cm-btn.cm-btn-success:hover,
.klaro .cookie-modal .cm-footer .cm-btn.cm-btn-success:hover {
  background-color: #a94c0e;
  border-color: #a94c0e;
}

.klaro .cookie-notice .cn-body .cn-buttons .cm-btn.cm-btn-info,
.klaro .cookie-modal .cm-footer .cm-btn.cm-btn-info {
  background-color: #1F4E79;
  border-color: #1F4E79;
  color: #fff;
}

/* Toggle-Schalter */
.klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider {
  background-color: #2E75B6;
}

/* "Ablehnen"-Button ausblenden */
.klaro .cookie-notice .cn-body .cn-buttons .cm-btn.cm-btn-danger,
.klaro .cookie-modal .cm-footer .cm-btn.cm-btn-danger {
  display: none !important;
}

/* "Realisiert mit Klaro!" Footer ausblenden */
.klaro .cookie-modal .cm-footer .cm-powered-by {
  display: none !important;
}

/* Links */
.klaro .cookie-notice a,
.klaro .cookie-modal a {
  color: #C55A11;
}

.klaro .cookie-notice a:hover,
.klaro .cookie-modal a:hover {
  color: #a94c0e;
}