/* ── Klaro brand overrides ───────────────────────────────── */
.klaro .cookie-notice,
.klaro .cookie-modal {
  font-family: "Poppins", sans-serif !important;
}
.klaro .cookie-modal {
  border-radius: 14px !important;
  overflow: hidden;
}
.klaro .cookie-notice {
  background: #001e3c !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}
.klaro .cookie-notice p {
  color: rgba(255, 255, 255, 0.85) !important;
  font-size: 0.85rem !important;
}
.klaro .cookie-notice a {
  color: #0ab3eb !important;
}
.klaro .cm-btn.cm-btn-success,
.klaro .cm-btn-accept-all {
  background: #0ab3eb !important;
  border-color: #0ab3eb !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
}
.klaro .cm-btn.cm-btn-decline {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  color: rgba(255, 255, 255, 0.7) !important;
  border-radius: 8px !important;
}

/* Klaro 0.7 toggle: override the default green (#1a936f) → YNS sky blue.
   The checked-state blue is set 3x below via different selector guesses
   (line ~40, ~101, ~110) from earlier attempts to find Klaro's real toggle
   class name — left unmerged since collapsing them changes which elements
   pick up border-color too, unverified without a live widget test. */
.klaro .cm-toggle .slider {
  background-color: #9ca3af !important;
}
.klaro .cm-toggle input:checked + .slider,
.klaro .cm-toggle input:checked ~ .slider,
.klaro
  .cm-list-input-toggle-switch
  input:checked
  + .cm-list-title-toggle-switch {
  background-color: #0ab3eb !important;
}
.klaro .cookie-modal .cm-body a,
.klaro .cookie-modal a {
  color: #0ab3eb !important;
}
.klaro .cookie-modal .cm-header {
  background: #00437c !important;
  padding: 1.25rem 1.5rem !important;
}
.klaro .cookie-modal .cm-header h1,
.klaro .cookie-modal .cm-header h2,
.klaro .cookie-modal .cm-header p {
  color: white !important;
}
/* All headings OUTSIDE the header must be dark */
.klaro .cookie-modal .cm-body h1,
.klaro .cookie-modal .cm-body h2,
.klaro .cookie-modal .cm-body h3,
.klaro .cookie-modal .cm-body h4,
.klaro .cookie-modal .cm-modal-inner h1:not(.cm-header h1),
.klaro .cookie-modal .cm-list-title {
  color: #111827 !important;
}
/* Footer text dark */
.klaro .cookie-modal .cm-footer,
.klaro .cookie-modal .cm-footer * {
  color: #374151 !important;
}
.klaro .cookie-modal .cm-footer a {
  color: #0ab3eb !important;
}
.klaro .cookie-modal .cm-body {
  background: white !important;
  color: #1f2937 !important;
}
.klaro .cookie-modal .cm-body p,
.klaro .cookie-modal .cm-body li,
.klaro .cookie-modal .cm-body label,
.klaro .cookie-modal .cm-body .cm-service-description,
.klaro .cookie-modal .cm-body .cm-purpose-description,
.klaro .cookie-modal .cm-body .cm-list-description {
  color: #374151 !important;
}
.klaro .cookie-modal .cm-body .cm-service-title,
.klaro .cookie-modal .cm-body .cm-list-title {
  color: #111827 !important;
  font-weight: 600 !important;
}
.klaro .cookie-modal .cm-body .cm-purpose-title {
  color: #111827 !important;
}
/* Green slider fix — Klaro 0.7 uses specific class names */
.klaro .cm-switch {
  accent-color: #0ab3eb !important;
}
.klaro .cm-toggle .cm-toggles,
.klaro .cm-toggle .cm-toggles input:checked ~ .slider {
  background-color: #0ab3eb !important;
}
.klaro .cookie-modal .cm-toggle .slider:before {
  background: white !important;
}
/* Target the actual Klaro 0.7 toggle switch element */
.klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider,
.klaro .cm-toggle input[type="checkbox"]:checked + .slider,
.klaro .switch input:checked + .slider {
  background-color: #0ab3eb !important;
  border-color: #0ab3eb !important;
}
.klaro .cookie-modal .cm-btn.cm-btn-accept-all,
.klaro .cookie-modal .cm-btn.cm-btn-accept {
  background: #0ab3eb !important;
  color: white !important;
  border: none !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
}
.klaro .cookie-modal .cm-btn.cm-btn-decline {
  background: transparent !important;
  color: #6b7280 !important;
  border: 1px solid #d1d5db !important;
  border-radius: 8px !important;
}
.klaro .cookie-modal .cm-footer {
  background: #f8fafc !important;
}
.klaro .cookie-modal .cm-footer-links {
  display: none !important;
}