/* ==========================================================
   REAL COOKIE BANNER – Designtoken-Override
   Zieht das Plugin "Real Cookie Banner" optisch auf das
   Aktenblau-/Messing-Branding des Themes.
   Geladen NACH dem Plugin-Stylesheet (siehe inc/consent.php).
   ========================================================== */

/* Banner-Container */
.rcb-banner,
.rcb-banner-body,
#rcb-banner,
.rcb-cookie-banner {
  background: var(--ink-900, #14202F) !important;
  color: var(--paper-200, #ECE3D0) !important;
  border-radius: var(--r-md, 8px) !important;
  font-family: var(--font-sans, 'Figtree', system-ui, sans-serif) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  box-shadow: 0 24px 60px -12px rgba(0,0,0,.50) !important;
}

/* Überschrift */
.rcb-banner h1,
.rcb-banner h2,
.rcb-banner h3,
.rcb-banner .rcb-headline,
.rcb-headline {
  color: #fff !important;
  font-family: var(--font-serif, 'Source Serif 4', Georgia, serif) !important;
  font-weight: 500 !important;
  letter-spacing: -0.01em !important;
}

/* Eyebrow / Kategorienlabel */
.rcb-banner .rcb-eyebrow,
.rcb-group-label,
.rcb-service-label {
  font-family: var(--font-mono, 'JetBrains Mono', monospace) !important;
  font-size: 11px !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
  color: var(--ochre-500, #C4893E) !important;
}

/* Body-Text */
.rcb-banner p,
.rcb-banner .rcb-description,
.rcb-banner li,
.rcb-description {
  color: var(--ink-300, #B8C4D4) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}

/* Links im Banner */
.rcb-banner a,
.rcb-banner-body a {
  color: var(--paper-200, #ECE3D0) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}
.rcb-banner a:hover {
  color: var(--ochre-500, #C4893E) !important;
}

/* Primärer Button "Alle akzeptieren" */
.rcb-banner .rcb-btn-primary,
.rcb-banner .rcb-accept-all,
.rcb-banner button[data-action="accept-all"],
.rcb-banner-body .rcb-btn-primary {
  background: var(--ochre-600, #A66E2A) !important;
  color: #fff !important;
  border: 1px solid var(--ochre-600, #A66E2A) !important;
  border-radius: var(--r-sm, 4px) !important;
  font-family: var(--font-sans, 'Figtree', system-ui, sans-serif) !important;
  font-weight: 600 !important;
  padding: 12px 20px !important;
  transition: background .15s, border-color .15s !important;
}
.rcb-banner .rcb-btn-primary:hover,
.rcb-banner .rcb-accept-all:hover {
  background: var(--ochre-700, #8A5A1F) !important;
  border-color: var(--ochre-700, #8A5A1F) !important;
}

/* Sekundäre Buttons "Nur essentielle" / "Einstellungen" */
.rcb-banner .rcb-btn-secondary,
.rcb-banner .rcb-deny-all,
.rcb-banner .rcb-settings,
.rcb-banner button[data-action="deny-all"],
.rcb-banner button[data-action="show-settings"] {
  background: transparent !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.25) !important;
  border-radius: var(--r-sm, 4px) !important;
  font-family: var(--font-sans, 'Figtree', system-ui, sans-serif) !important;
  font-weight: 600 !important;
  padding: 12px 20px !important;
}
.rcb-banner .rcb-btn-secondary:hover {
  border-color: rgba(255,255,255,.5) !important;
  background: rgba(255,255,255,.04) !important;
}

/* History/Detail-Tabelle */
.rcb-blocker,
.rcb-cookie-table {
  font-family: var(--font-sans, 'Figtree', system-ui, sans-serif) !important;
}

/* Footer-Link "Cookies anpassen" (Plugin liefert .rcb-revoke o.ä.) */
.rcb-revoke,
.rcb-history-button {
  color: var(--paper-200, #ECE3D0) !important;
  text-decoration: underline !important;
}

/* Mobile: Cookie-Banner über die Sticky-Bottombar (84px hoch) heben */
@media (max-width: 640px) {
  .rcb-banner,
  #rcb-banner,
  .rcb-cookie-banner {
    bottom: 96px !important;
    left: 12px !important;
    right: 12px !important;
    max-width: none !important;
    width: auto !important;
  }
}

/* Content-Blocker-Overlay (z.B. YouTube) */
.rcb-content-blocker {
  background: var(--paper-100, #F5EFE3) !important;
  border: 1px solid var(--paper-300, #D9CDB4) !important;
  border-radius: var(--r-md, 8px) !important;
  color: var(--text-700, #3A3A3A) !important;
}
.rcb-content-blocker h4 {
  font-family: var(--font-serif, 'Source Serif 4', Georgia, serif) !important;
  color: var(--ink-900, #14202F) !important;
}
.rcb-content-blocker button {
  background: var(--ochre-600, #A66E2A) !important;
  color: #fff !important;
  border-radius: var(--r-sm, 4px) !important;
}