/**
 * @file
 * EU Cookie Compliance Banner – Farbanpassung an satrent-Theme.
 */

/* Banner-Hintergrund: Navy statt hellblau */
.eu-cookie-compliance-banner,
#sliding-popup,
.eu-cookie-compliance-banner .popup-content {
  background: var(--color-navy-dark) !important;
  color: var(--color-text-on-dark) !important;
  border: none !important;
}

/* Banner-Text */
.eu-cookie-compliance-message,
.eu-cookie-compliance-banner p,
.eu-cookie-compliance-banner .popup-content p {
  font-family: var(--font-family-base) !important;
  font-size: var(--font-size-body) !important;
  color: rgba(255,255,255,0.85) !important;
  line-height: var(--line-height-base) !important;
}

/* Alle Buttons einheitlich */
.eu-cookie-compliance-banner .agree-button,
.eu-cookie-compliance-banner .decline-button,
.eu-cookie-compliance-banner .eu-cookie-compliance-more-button,
.eu-cookie-compliance-banner button,
.eu-cookie-compliance-banner .find-more-button {
  font-family: var(--font-family-base) !important;
  font-size: var(--font-size-body) !important;
  font-weight: var(--font-weight-medium) !important;
  padding: 0.5rem 1rem !important;
  border-radius: var(--radius-md) !important;
  border: none !important;
  cursor: pointer;
  transition: background var(--transition-fast) !important;
}

/* Akzeptieren-Button: Coral */
.eu-cookie-compliance-banner .agree-button {
  background: var(--color-coral) !important;
  color: var(--color-coral-dark) !important;
}

.eu-cookie-compliance-banner .agree-button:hover {
  background: #FFB199 !important;
}

/* Ablehnen-Button: transparent mit Rand */
.eu-cookie-compliance-banner .decline-button {
  background: transparent !important;
  color: rgba(255,255,255,0.85) !important;
  border: 1px solid rgba(255,255,255,0.4) !important;
}

.eu-cookie-compliance-banner .decline-button:hover {
  border-color: #fff !important;
  color: #fff !important;
}

/* More-Info-Link */
.eu-cookie-compliance-banner .find-more-button,
.eu-cookie-compliance-banner .eu-cookie-compliance-more-button,
.eu-cookie-compliance-banner a {
  color: var(--color-navy-light) !important;
  text-decoration: underline !important;
  background: transparent !important;
  padding: 0 !important;
}

.eu-cookie-compliance-banner a:hover {
  color: #fff !important;
}