/* ============================================================
   RRR™ Cookie-Consent – Brand Wrapper
   Reverse Recruiting Revolution™
   ============================================================
   Basis: vanilla-cookieconsent v3 (orestbida)
   Override via CSS-Variablen — keine Base-Datei wird verändert.
   Brand-Tokens: Weiß #ffffff · Gold #b8975c · Royal Blue #0d1d4d · Black Footer #1a1a1a
   Fonts: Inter (Body) + Playfair Display (Headlines), lokal gehostet
   ============================================================ */

:root {
  /* ------- RRR-Farbpalette ------- */
  --cc-bg: #ffffff;
  --cc-primary-color: #0d1d4d;          /* Royal Blue für Headlines/Text */
  --cc-secondary-color: #4a4a4a;        /* Sekundär-Text */
  --cc-btn-primary-bg: #0d1d4d;         /* Hauptbutton: Royal Blue */
  --cc-btn-primary-color: #ffffff;
  --cc-btn-primary-hover-bg: #1a2d6b;
  --cc-btn-primary-hover-color: #ffffff;
  --cc-btn-secondary-bg: #f5f3ee;       /* Sekundär: warmes Off-White */
  --cc-btn-secondary-color: #0d1d4d;
  --cc-btn-secondary-hover-bg: #ebe7dc;
  --cc-btn-secondary-hover-color: #0d1d4d;
  --cc-btn-secondary-border-color: #b8975c;  /* Gold-Akzent */
  --cc-btn-secondary-hover-border-color: #b8975c;
  --cc-separator-border-color: #ebe7dc;
  --cc-toggle-bg-off: #c8c8c8;
  --cc-toggle-bg-on: #b8975c;           /* Gold für aktive Toggles */
  --cc-toggle-bg-readonly: #d8d2c2;
  --cc-toggle-knob-bg: #ffffff;
  --cc-toggle-knob-icon-color: #b8975c;
  --cc-cookie-category-block-bg: #fafaf8;
  --cc-cookie-category-block-bg-hover: #f5f3ee;
  --cc-cookie-category-block-border: #ebe7dc;
  --cc-cookie-category-expanded-block-bg: #fafaf8;
  --cc-cookie-category-expanded-block-hover-bg: #f5f3ee;
  --cc-overlay-bg: rgba(13, 29, 77, 0.65);  /* Royal Blue Overlay */
  --cc-webkit-scrollbar-bg: #fafaf8;
  --cc-webkit-scrollbar-bg-hover: #b8975c;
  --cc-footer-bg: #fafaf8;
  --cc-footer-color: var(--cc-secondary-color);
  --cc-footer-border-color: #ebe7dc;

  /* ------- Typografie ------- */
  --cc-font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* ------- Geometrie ------- */
  --cc-modal-border-radius: 4px;        /* Kantig, premium */
  --cc-btn-border-radius: 2px;          /* Sehr kantig, Hugo-Boss-Ästhetik */
  --cc-modal-transition-duration: 0.25s;
  --cc-link-color: #b8975c;             /* Gold für Links */

  /* ------- Z-Index ------- */
  --cc-z-index: 2147483647;             /* Immer ganz oben */
}

/* ------- Headline-Schrift: Playfair Display ------- */
#cc-main .pm__title,
#cc-main .cm__title {
  font-family: "Playfair Display", Georgia, serif;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: #0d1d4d;
}

/* ------- RRR™ Branding-Header im Banner ------- */
#cc-main .cm__title::before {
  content: "REVERSE RECRUITING REVOLUTION™";
  display: block;
  font-family: "Inter", sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.18em;
  color: #b8975c;
  margin-bottom: 12px;
  text-transform: uppercase;
}

/* ------- Buttons: schärfere Kontur ------- */
#cc-main .pm__btn,
#cc-main .cm__btn {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-transform: none;
  font-size: 14px;
  padding: 12px 20px;
  transition: all 0.2s ease;
}

#cc-main .pm__btn--secondary,
#cc-main .cm__btn--secondary {
  border: 1px solid #b8975c;
}

/* ------- Footer-Akzent in Royal Blue + Gold ------- */
#cc-main .pm__footer {
  border-top: 1px solid #ebe7dc;
}

#cc-main .pm__footer-spec-link {
  color: #b8975c;
  font-weight: 500;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s ease;
}

#cc-main .pm__footer-spec-link:hover {
  border-bottom-color: #b8975c;
}

/* ------- Category-Block: subtile Goldlinie links ------- */
#cc-main .pm__section--toggle {
  border-left: 2px solid transparent;
  transition: border-color 0.2s ease;
}

#cc-main .pm__section--toggle:hover {
  border-left-color: #b8975c;
}

/* ------- Mobile-Anpassung ------- */
@media screen and (max-width: 640px) {
  #cc-main .cm__title::before {
    font-size: 9px;
    letter-spacing: 0.15em;
    margin-bottom: 8px;
  }
}