/*!
 * Cookie Consent - RC Entrümpelung Brand-Styling
 * Passt sich an Brand-Farben an (Orange #F59E0B / Navy #1A2332)
 * Basiert auf CookieConsent v3 CSS-Variablen
 */

#cc-main {
  --cc-font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;

  /* Hauptfarben */
  --cc-bg: #ffffff;
  --cc-primary-color: #1A2332;
  --cc-secondary-color: #4b5563;

  /* Button Primary (Alle akzeptieren - Orange mit dunklem Text fuer WCAG AA) */
  --cc-btn-primary-bg: #F59E0B;
  --cc-btn-primary-color: #000000;
  --cc-btn-primary-border-color: #B45309;
  --cc-btn-primary-hover-bg: #D97706;
  --cc-btn-primary-hover-color: #000000;
  --cc-btn-primary-hover-border-color: #92400E;

  /* Button Secondary (Nur notwendige - Navy) */
  --cc-btn-secondary-bg: #F3F4F6;
  --cc-btn-secondary-color: #1A2332;
  --cc-btn-secondary-border-color: #E5E7EB;
  --cc-btn-secondary-hover-bg: #E5E7EB;
  --cc-btn-secondary-hover-color: #1A2332;
  --cc-btn-secondary-hover-border-color: #D1D5DB;

  /* Toggle (Switches für Kategorien) */
  --cc-toggle-on-bg: #F59E0B;
  --cc-toggle-off-bg: #9ca3af;
  --cc-toggle-on-knob-bg: #ffffff;
  --cc-toggle-off-knob-bg: #ffffff;
  --cc-toggle-readonly-bg: #d4d4d8;
  --cc-toggle-readonly-knob-bg: #fafafa;

  /* Cookie-Table */
  --cc-cookie-category-block-bg: #f8fafc;
  --cc-cookie-category-block-border: #e5e7eb;
  --cc-cookie-category-block-bg-hover: #f1f5f9;
  --cc-cookie-category-expanded-block-bg: transparent;
  --cc-cookie-category-expanded-block-hover-bg: #f8fafc;

  /* Overlay */
  --cc-overlay-bg: rgba(26, 35, 50, 0.85);

  /* Modal */
  --cc-modal-border-radius: 12px;
  --cc-btn-border-radius: 8px;

  /* Footer */
  --cc-footer-bg: #f8fafc;
  --cc-footer-color: #6b7280;
  --cc-footer-border-color: #e5e7eb;

  /* Separator */
  --cc-separator-border-color: #e5e7eb;
}

/* Erhoehe Z-Index damit Banner ueber allem erscheint */
#cc-main {
  z-index: 2147483647 !important;
}

/* Responsive Anpassungen */
@media (max-width: 640px) {
  #cc-main .pm--box,
  #cc-main .cm--box {
    border-radius: 12px 12px 0 0 !important;
  }
}

/* Badge-Styling im Preferences-Modal */
#cc-main .pm__badge {
  display: inline-block;
  background: #F59E0B;
  color: #000000;
  font-size: 0.7rem;
  font-weight: 800;
  padding: 2px 8px;
  border-radius: 10px;
  margin-left: 8px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* Explicit overrides for cookie consent buttons (WCAG AA compliant) */
#cc-main .cm__btn[data-role="all"],
#cc-main .pm__btn[data-role="all"],
#cc-main .cm__btn--primary,
#cc-main .pm__btn--primary {
  background: #F59E0B !important;
  color: #000000 !important;
  border-color: #B45309 !important;
  font-weight: 700 !important;
}

#cc-main .cm__btn[data-role="all"]:hover,
#cc-main .pm__btn[data-role="all"]:hover,
#cc-main .cm__btn--primary:hover,
#cc-main .pm__btn--primary:hover {
  background: #D97706 !important;
  color: #000000 !important;
  border-color: #92400E !important;
}

#cc-main .cm__btn[data-role="necessary"],
#cc-main .pm__btn[data-role="necessary"],
#cc-main .cm__btn--secondary,
#cc-main .pm__btn--secondary {
  background: #E5E7EB !important;
  color: #1A2332 !important;
  border-color: #9CA3AF !important;
  font-weight: 700 !important;
}

#cc-main .cm__btn[data-role="settings"],
#cc-main .pm__btn[data-role="settings"] {
  background: #FFFFFF !important;
  color: #1A2332 !important;
  border: 2px solid #1A2332 !important;
  font-weight: 700 !important;
}