/* Klaro Overrides — USS AviationConsulting (Light Theme) */
.klaro {
  --font-family: 'DM Sans', system-ui, sans-serif;
  --font-size: 13px;
  --green1: #0A0A0A;
  --green2: #262626;
  --green3: #525252;
  --blue1: #737373;
  --blue2: #525252;
  --dark1: #ffffff;
  --dark2: #FAFAFA;
  --dark3: #F5F5F5;
  --light1: #0A0A0A;
  --light2: #525252;
  --light3: #737373;
  --white1: #0A0A0A;
  --white2: #525252;
  --white3: #737373;
  --border-radius: 8px;
}

/* ── Notice (bottom-right card) ── */
.klaro .cookie-notice {
  border-radius: 12px !important;
  box-shadow: 0 4px 24px -4px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.06) !important;
  max-width: 400px !important;
  margin: 0 1rem 1rem auto !important;
  border: 1px solid #E5E5E5 !important;
  background: #fff !important;
  color: #525252 !important;
}

.klaro .cookie-notice .cn-body {
  padding: 1.25rem !important;
  color: #525252 !important;
  background: #fff !important;
}

.klaro .cookie-notice .cn-body p {
  font-size: 13px !important;
  line-height: 1.6 !important;
  color: #525252 !important;
  margin: 0 !important;
}

.klaro .cookie-notice .cn-body p a {
  color: #0A0A0A !important;
  text-decoration: underline !important;
  text-decoration-color: #D4D4D4 !important;
  text-underline-offset: 2px !important;
}

.klaro .cookie-notice .cn-body p a:hover {
  text-decoration-color: #0A0A0A !important;
}

/* ── Buttons ── */
.klaro .cookie-notice .cn-buttons {
  display: flex !important;
  gap: 0.5rem !important;
  margin-top: 1rem !important;
}

.klaro .cn-buttons .cm-btn {
  border-radius: 8px !important;
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  padding: 0.5rem 1rem !important;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease !important;
  cursor: pointer !important;
}

/* Accept — solid black */
.klaro .cn-buttons .cm-btn.cm-btn-success {
  background: #0A0A0A !important;
  color: #fff !important;
  border: 1px solid #0A0A0A !important;
}

.klaro .cn-buttons .cm-btn.cm-btn-success:hover {
  background: #262626 !important;
  border-color: #262626 !important;
}

/* Decline — ghost with thin border */
.klaro .cn-buttons .cm-btn.cm-btn-danger {
  background: transparent !important;
  color: #737373 !important;
  border: 1px solid #E5E5E5 !important;
}

.klaro .cn-buttons .cm-btn.cm-btn-danger:hover {
  color: #0A0A0A !important;
  border-color: #0A0A0A !important;
}

/* Settings link */
.klaro .cookie-notice .cn-learn-more,
.klaro .cookie-notice a {
  font-size: 12px !important;
  color: #A3A3A3 !important;
}

.klaro .cookie-notice .cn-learn-more:hover,
.klaro .cookie-notice a:hover {
  color: #0A0A0A !important;
}

/* ── Modal (Settings) ── */
.klaro .cookie-modal {
  background: rgba(0, 0, 0, 0.4) !important;
  backdrop-filter: blur(4px) !important;
}

.klaro .cookie-modal .cm-modal {
  border-radius: 12px !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15) !important;
  max-width: 540px !important;
  border: 1px solid #E5E5E5 !important;
  background: #fff !important;
  color: #525252 !important;
}

.klaro .cookie-modal .cm-header {
  background: #fff !important;
  border-bottom: 1px solid #F5F5F5 !important;
  color: #0A0A0A !important;
}

.klaro .cookie-modal .cm-header h1,
.klaro .cookie-modal .cm-header h1.title {
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif !important;
  font-weight: 700 !important;
  color: #0A0A0A !important;
}

.klaro .cookie-modal .cm-body {
  background: #fff !important;
  color: #525252 !important;
}

.klaro .cookie-modal .cm-body p {
  color: #525252 !important;
}

.klaro .cookie-modal .cm-footer {
  background: #FAFAFA !important;
  border-top: 1px solid #F5F5F5 !important;
}

.klaro .cookie-modal .cm-footer .cm-btn {
  border-radius: 8px !important;
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif !important;
  font-weight: 600 !important;
  font-size: 13px !important;
}

.klaro .cookie-modal .cm-footer .cm-btn.cm-btn-success {
  background: #0A0A0A !important;
  color: #fff !important;
}

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

/* ── Service list in modal ── */
.klaro .cm-list-label {
  color: #0A0A0A !important;
  font-weight: 600 !important;
}

.klaro .cm-list-description {
  font-size: 12px !important;
  color: #737373 !important;
}

.klaro .cm-list-input:checked + .cm-list-label .slider {
  background: #0A0A0A !important;
}

.klaro .cm-list-input + .cm-list-label .slider {
  background: #D4D4D4 !important;
}

/* Service items — thin dividers */
.klaro .cm-list-item {
  border-bottom: 1px solid #F5F5F5 !important;
}

/* Purpose titles */
.klaro .cm-purpose .cm-purpose-title {
  color: #0A0A0A !important;
  font-weight: 700 !important;
}

/* Links inside modal */
.klaro .cookie-modal a {
  color: #0A0A0A !important;
  text-decoration: underline !important;
  text-decoration-color: #D4D4D4 !important;
}

.klaro .cookie-modal a:hover {
  text-decoration-color: #0A0A0A !important;
}

/* Close button */
.klaro .cookie-modal .cm-header .close-button,
.klaro .cookie-modal .cm-header button {
  color: #737373 !important;
}

.klaro .cookie-modal .cm-header .close-button:hover,
.klaro .cookie-modal .cm-header button:hover {
  color: #0A0A0A !important;
}