/* Klaro — tema CRT verde fosforo (Galateo Animale) */

.klaro {
  --green1: #39ff14;
  --green2: #1b8f1b;
  --dark1: #010801;
  --dark2: #020f02;
  --light1: #6dff6d;
  --light2: rgba(57, 255, 20, 0.22);
  --font-family: "Courier New", Courier, "Lucida Console", monospace;
  --font-size: 13px;
  z-index: 10001 !important;
}

.klaro .cookie-notice,
.klaro .cookie-modal .cm-modal {
  background: var(--dark2) !important;
  color: var(--green1) !important;
  border: 1px solid var(--light2) !important;
  box-shadow: 0 0 18px rgba(57, 255, 20, 0.25), inset 0 0 24px rgba(0, 40, 0, 0.45) !important;
}

.klaro .cookie-notice .cn-body p,
.klaro .cookie-modal .cm-body p,
.klaro .cookie-modal .cm-services .cm-service-title {
  color: rgba(57, 255, 20, 0.82) !important;
}

.klaro .cookie-notice .cn-body a,
.klaro .cookie-modal a {
  color: var(--light1) !important;
}

.klaro .cookie-notice .cn-buttons button,
.klaro .cookie-modal .cm-footer-buttons button {
  font-family: var(--font-family) !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-radius: 0 !important;
}

.klaro .cookie-notice .cn-buttons button.cm-btn-success,
.klaro .cookie-modal .cm-btn-success {
  background: rgba(57, 255, 20, 0.15) !important;
  border: 1px solid var(--green2) !important;
  color: var(--light1) !important;
}

.klaro .cookie-notice .cn-buttons button.cm-btn-danger,
.klaro .cookie-modal .cm-btn-danger {
  background: rgba(0, 20, 0, 0.6) !important;
  border: 1px solid var(--light2) !important;
  color: var(--green1) !important;
}

.klaro .cookie-notice .cn-buttons button.cm-btn-info,
.klaro .cookie-modal .cm-btn-info {
  background: transparent !important;
  border: 1px solid var(--light2) !important;
  color: var(--green1) !important;
}

.klaro .cm-switch input:checked + .cm-slider {
  background-color: var(--green2) !important;
}

.klaro .cm-switch .cm-slider {
  background-color: rgba(0, 30, 0, 0.8) !important;
}

.klaro .cookie-modal .cm-header {
  background: var(--dark1) !important;
  border-bottom: 1px solid var(--light2) !important;
}

.klaro .cookie-modal .cm-header h1 {
  color: var(--light1) !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.klaro .cm-powered-by a {
  color: var(--green2) !important;
}