/**
 * vanilla-cookieconsent v3 — Theme-Overrides für ORTEN ET 400
 *
 * Setzt die Brand-Farbe (Orten-Navy #1B2A4A) für Buttons, Links und
 * Akzentlinien. Wird NACH der vanilla-cookieconsent.css geladen.
 *
 * Variable-Referenz: https://cookieconsent.orestbida.com/advanced/ui-customization.html
 */

#cc-main {
  --cc-bg: #ffffff;
  --cc-primary-color: #18181b;
  --cc-secondary-color: #71717a;

  --cc-btn-primary-bg: #1B2A4A;
  --cc-btn-primary-color: #ffffff;
  --cc-btn-primary-border-color: #1B2A4A;
  --cc-btn-primary-hover-bg: #243557;
  --cc-btn-primary-hover-color: #ffffff;
  --cc-btn-primary-hover-border-color: #243557;

  --cc-btn-secondary-bg: #f4f5f7;
  --cc-btn-secondary-color: #18181b;
  --cc-btn-secondary-border-color: #e4e4e7;
  --cc-btn-secondary-hover-bg: #e4e4e7;
  --cc-btn-secondary-hover-color: #18181b;
  --cc-btn-secondary-hover-border-color: #d4d4d8;

  --cc-toggle-on-bg: #1B2A4A;
  --cc-toggle-off-bg: #a1a1aa;
  --cc-toggle-readonly-bg: #d4d4d8;
  --cc-toggle-on-knob-bg: #ffffff;
  --cc-toggle-off-knob-bg: #ffffff;

  --cc-cookie-category-block-bg: #fafafa;
  --cc-cookie-category-block-border: #e4e4e7;
  --cc-cookie-category-block-bg-hover: #f4f5f7;
  --cc-cookie-category-block-border-hover: #d4d4d8;
  --cc-cookie-category-expanded-block-bg: #ffffff;
  --cc-cookie-category-expanded-block-hover-bg: #fafafa;

  --cc-overlay-bg: rgba(15, 23, 42, 0.6);
  --cc-modal-border-radius: 12px;
  --cc-btn-border-radius: 8px;

  --cc-link-color: #1B2A4A;
  --cc-separator-border-color: #eef0f3;
  --cc-footer-bg: #fafafa;
  --cc-footer-color: #71717a;
  --cc-footer-border-color: #eef0f3;
}

#cc-main .cc-link {
  color: #1B2A4A;
  text-decoration: underline;
  text-underline-offset: 2px;
}

#cc-main .cc-link:hover {
  color: #243557;
}

/* Section-Toggles in den Preferences etwas Luft geben */
#cc-main .pm__section {
  border-radius: 8px;
}