/* ============================================================
   Klaro Cookie Consent — Brand Overrides for Karin Winter
============================================================ */

/* Banner */
.klaro .cookie-notice {
  background: #1A0C18 !important;
  border-top: 1px solid rgba(196,123,138,0.4) !important;
  padding: 18px 28px !important;
  font-family: 'Raleway', sans-serif !important;
}

.klaro .cookie-notice p,
.klaro .cookie-notice .notice-description {
  color: rgba(255,255,255,0.85) !important;
  font-size: 0.88rem !important;
  line-height: 1.6 !important;
  margin: 0 0 12px !important;
}

/* Buttons inside banner */
.klaro .cookie-notice .cn-buttons {
  display: flex !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

.klaro .cookie-notice .cn-decline,
.klaro .cookie-notice .cn-learn-more {
  background: transparent !important;
  color: rgba(255,255,255,0.55) !important;
  border: 1px solid rgba(255,255,255,0.2) !important;
  border-radius: 3px !important;
  font-family: 'Raleway', sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  padding: 10px 18px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.klaro .cookie-notice .cn-decline:hover,
.klaro .cookie-notice .cn-learn-more:hover {
  border-color: rgba(196,123,138,0.6) !important;
  color: rgba(255,255,255,0.85) !important;
}

.klaro .cookie-notice .cn-ok,
.klaro .cookie-notice button.cm-btn-success {
  background: #C47B8A !important;
  color: #fff !important;
  border: none !important;
  border-radius: 3px !important;
  font-family: 'Raleway', sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  padding: 10px 22px !important;
  cursor: pointer !important;
  transition: background 0.2s ease !important;
}

.klaro .cookie-notice .cn-ok:hover,
.klaro .cookie-notice button.cm-btn-success:hover {
  background: #B86878 !important;
}

/* Modal */
.klaro .cookie-modal .cm-modal {
  background: #1A0C18 !important;
  border: 1px solid rgba(196,123,138,0.3) !important;
  border-radius: 6px !important;
  font-family: 'Raleway', sans-serif !important;
  color: rgba(255,255,255,0.85) !important;
}

.klaro .cookie-modal .cm-header h1,
.klaro .cookie-modal .cm-header h2 {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  color: #fff !important;
}

.klaro .cookie-modal .cm-purpose .cm-service .cm-service-title,
.klaro .cookie-modal .cm-list-title {
  color: #EDD5C8 !important;
  font-weight: 600 !important;
}

.klaro .cookie-modal .cm-service .cm-service-description,
.klaro .cookie-modal p {
  color: rgba(255,255,255,0.65) !important;
  font-size: 0.85rem !important;
}

/* Toggle switch — on state */
.klaro .cookie-modal .cm-switch input:checked + .cm-slider {
  background: #C47B8A !important;
}

/* Save button in modal */
.klaro .cookie-modal .cm-footer .cm-btn-success {
  background: #C47B8A !important;
  color: #fff !important;
  border: none !important;
  border-radius: 3px !important;
  font-family: 'Raleway', sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  padding: 10px 22px !important;
}

.klaro .cookie-modal .cm-footer .cm-btn-success:hover {
  background: #B86878 !important;
}

/* Decline in modal */
.klaro .cookie-modal .cm-footer .cm-btn-danger,
.klaro .cookie-modal .cm-footer .cm-btn-decline {
  background: transparent !important;
  color: rgba(255,255,255,0.45) !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  border-radius: 3px !important;
  font-size: 0.72rem !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

/* Overlay */
.klaro .cookie-modal {
  background: rgba(26,12,24,0.75) !important;
}