/**
 * kmugeo.de — CookieConsent Brand-Theme
 *
 * Override der Standard-Variablen von vanilla-cookieconsent v3.x
 * Brand-CI: Indigo #6366F1 (primary) · Inter+Outfit
 *
 * Wird NACH cookieconsent.css geladen.
 */

#cc-main {
  /* Brand-Farben */
  --cc-bg:                            #ffffff;
  --cc-primary-color:                 #1E1B4B;
  --cc-secondary-color:               #475569;

  /* Primary-Button (Indigo) */
  --cc-btn-primary-bg:                #6366F1;
  --cc-btn-primary-color:             #ffffff;
  --cc-btn-primary-border-color:      #6366F1;
  --cc-btn-primary-hover-bg:          #4F46E5;
  --cc-btn-primary-hover-color:       #ffffff;
  --cc-btn-primary-hover-border-color:#4F46E5;

  /* Secondary-Button (heller Indigo-Tint) */
  --cc-btn-secondary-bg:              #EEF2FF;
  --cc-btn-secondary-color:           #4F46E5;
  --cc-btn-secondary-border-color:    #EEF2FF;
  --cc-btn-secondary-hover-bg:        #E0E7FF;
  --cc-btn-secondary-hover-color:     #4F46E5;
  --cc-btn-secondary-hover-border-color:#E0E7FF;

  /* Toggle-Schalter */
  --cc-toggle-bg-off:                 #CBD5E1;
  --cc-toggle-bg-on:                  #6366F1;
  --cc-toggle-bg-readonly:            #E2E8F0;
  --cc-toggle-knob-bg:                #ffffff;
  --cc-toggle-knob-icon-color:        #6366F1;

  /* Block-Layout */
  --cc-cookie-category-block-bg:      #F8FAFC;
  --cc-cookie-category-block-bg-hover:#F1F5F9;
  --cc-cookie-category-block-border:  #E2E8F0;
  --cc-cookie-category-expanded-block-bg: #ffffff;
  --cc-cookie-category-expanded-block-hover-bg: #F8FAFC;

  /* Trennlinien und Overlay */
  --cc-section-border:                #E2E8F0;
  --cc-cookie-table-border:           #E2E8F0;
  --cc-overlay-bg:                    rgba(30, 27, 75, 0.65);

  /* Scrollbar */
  --cc-webkit-scrollbar-bg:           #CBD5E1;
  --cc-webkit-scrollbar-bg-hover:     #94A3B8;

  /* Link-Farbe in Texten = Indigo */
  --cc-link-color:                    #4F46E5;
  --cc-link-hover-color:              #4338CA;

  /* Border-Radius matched zur Site (var(--radius-md) ≈ 10px) */
  --cc-btn-border-radius:             8px;
  --cc-modal-border-radius:           14px;
  --cc-modal-margin:                  20px;

  /* Typografie */
  --cc-font-family:                   'Inter', system-ui, -apple-system, sans-serif;
}

/* Titel des Modals: Outfit-Font wie auf der Website */
#cc-main .cm__title,
#cc-main .pm__title,
#cc-main .pm__section-title {
  font-family: 'Outfit', 'Inter', sans-serif !important;
  font-weight: 700;
  letter-spacing: -0.3px;
}

/* Badge "Immer aktiv" — Indigo-Tint mit dunklem Text */
#cc-main .pm__badge {
  background: #EEF2FF !important;
  color: #4F46E5 !important;
  border: 1px solid #C7D2FE !important;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.2px;
  padding: 2px 8px;
  border-radius: 4px;
  margin-left: 8px;
  vertical-align: middle;
}

/* Subtiler Shadow auf dem Modal — passt zur Site-Card-Optik */
#cc-main .cm,
#cc-main .pm {
  box-shadow: 0 24px 60px rgba(30, 27, 75, 0.18) !important;
}

/* Footer-Link-Styling im Consent-Modal */
#cc-main .cm__footer a {
  color: #4F46E5;
  text-decoration: none;
  font-weight: 500;
}
#cc-main .cm__footer a:hover {
  text-decoration: underline;
}