/**
 * Antragslotse — Cookie Consent Custom Theme
 * Override CSS-Variablen aus assets/vendor/cookieconsent.css
 * Brand: Grün #257d45 (passend zur theme-color der Site)
 */

:root,
:root[data-cc-theme="light"] {
  /* Brand-Farben */
  --cc-btn-primary-bg: #257d45;
  --cc-btn-primary-color: #ffffff;
  --cc-btn-primary-border-color: #257d45;
  --cc-btn-primary-hover-bg: #1d6539;
  --cc-btn-primary-hover-color: #ffffff;
  --cc-btn-primary-hover-border-color: #1d6539;

  --cc-btn-secondary-bg: #f1f5f3;
  --cc-btn-secondary-color: #1f2937;
  --cc-btn-secondary-border-color: #e5e7eb;
  --cc-btn-secondary-hover-bg: #e5e7eb;
  --cc-btn-secondary-hover-color: #111827;
  --cc-btn-secondary-hover-border-color: #d1d5db;

  --cc-toggle-on-bg: #257d45;
  --cc-toggle-on-knob-bg: #ffffff;
  --cc-toggle-readonly-bg: #b8c5be;
  --cc-toggle-readonly-knob-bg: #ffffff;

  --cc-link-color: #257d45;
  --cc-bg: #ffffff;
  --cc-primary-color: #1f2937;
  --cc-secondary-color: #4b5563;
  --cc-separator-border-color: #e5e7eb;

  --cc-pm-toggle-border-radius: 999px;
  --cc-btn-border-radius: 0px;
  --cc-modal-border-radius: 0px;
}

/* Banner-Box: leichter Schatten + bisschen größerer Border-Radius */
.cm--box {
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
}

/* Title-Schriftgewicht passend zur Site */
.cm__title,
.pm__title,
.pm__section-title {
  font-weight: 600;
}

/* Footer-Links im Banner */
.cm__footer a {
  margin-right: 1rem;
  color: var(--cc-link-color);
  text-decoration: underline;
}

/* "Immer aktiv"-Badge im Settings-Modal */
.pm__badge {
  display: inline-block;
  background: #e8f3ec;
  color: #257d45;
  font-size: 0.7rem;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 999px;
  margin-left: 6px;
  vertical-align: middle;
}

/* Cookie-Tabelle im Settings-Modal */
.pm__section--toggle .pm__section-desc-wrapper {
  font-size: 0.92rem;
}