/* ZDS Brand customization for Klaro! Cookie Consent
   Overrides the default theme colors to match the site */

.klaro {
  font-family: 'DM Sans', 'Inter', system-ui, sans-serif;
}

.klaro .cookie-notice,
.klaro .cookie-modal .cm-modal {
  background: #0d1117 !important;
  border: 1px solid #30363d !important;
  color: #e6edf3 !important;
  border-radius: 12px !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.5) !important;
}

.klaro .cookie-notice {
  max-width: 640px;
}

.klaro .cookie-notice-description,
.klaro .cookie-modal .cm-header,
.klaro .cookie-modal .cm-body {
  color: #e6edf3 !important;
}

.klaro .cookie-notice-description p,
.klaro .cookie-modal p {
  color: #8b949e !important;
}

.klaro .cookie-notice a,
.klaro .cookie-modal a {
  color: #5599ED !important;
  text-decoration: underline;
}

.klaro .cookie-notice a:hover,
.klaro .cookie-modal a:hover {
  color: #82B5F5 !important;
}

.klaro .cookie-modal .cm-header h1,
.klaro .cookie-modal .cm-header h2 {
  color: #ffffff !important;
  font-family: 'DM Sans', sans-serif;
  font-weight: 700;
}

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

/* Buttons */
.klaro .cm-btn {
  font-family: inherit;
  font-weight: 600;
  border-radius: 8px !important;
  transition: all 0.15s;
}

.klaro .cm-btn.cm-btn-accept,
.klaro .cm-btn.cm-btn-accept-all,
.klaro .cm-btn.cm-btn-success {
  background: #2f81f7 !important;
  color: #ffffff !important;
  border: none !important;
}

.klaro .cm-btn.cm-btn-accept:hover,
.klaro .cm-btn.cm-btn-accept-all:hover,
.klaro .cm-btn.cm-btn-success:hover {
  background: #388bfd !important;
}

.klaro .cm-btn.cm-btn-decline,
.klaro .cm-btn.cm-btn-danger {
  background: transparent !important;
  color: #8b949e !important;
  border: 1px solid #30363d !important;
}

.klaro .cm-btn.cm-btn-decline:hover,
.klaro .cm-btn.cm-btn-danger:hover {
  color: #ffffff !important;
  border-color: #8b949e !important;
}

.klaro .cm-btn.cm-btn-info,
.klaro .cm-btn.cm-btn-learn-more {
  background: transparent !important;
  color: #5599ED !important;
  border: none !important;
  text-decoration: underline;
}

/* Toggle switches */
.klaro .cm-list-input:checked + .cm-list-label .cm-switch {
  background: #2f81f7 !important;
}

.klaro .cm-list-label .cm-switch {
  background: #30363d !important;
}

/* Close button */
.klaro .cookie-modal .cm-modal .hide {
  color: #8b949e !important;
}

.klaro .cookie-modal .cm-modal .hide:hover {
  color: #ffffff !important;
}

/* Powered by (smaller & less prominent) */
.klaro .cookie-notice .cm-powered-by,
.klaro .cookie-modal .cm-powered-by {
  color: #484f58 !important;
  font-size: 10px !important;
}

.klaro .cookie-notice .cm-powered-by a,
.klaro .cookie-modal .cm-powered-by a {
  color: #484f58 !important;
  text-decoration: none !important;
}

/* Dividers */
.klaro .cookie-modal .cm-purposes .cm-purpose,
.klaro .cookie-modal .cm-services .cm-service {
  border-bottom: 1px solid rgba(48,54,61,0.5) !important;
}