/* =====================================================================
   LHX — vanilla-cookieconsent v3 theme overrides
   Matches the site's design tokens (Playfair Display + Hanken Grotesk,
   purple accent #9063CD). Loaded AFTER cookieconsent.css so these win.
   ===================================================================== */

#cc-main {
  /* Base colors */
  --cc-bg: #ffffff;
  --cc-primary-color: #1a1c1f;
  --cc-secondary-color: #5c5d6f;

  /* Buttons — equal-weight per ePrivacy / CNIL guidance */
  --cc-btn-primary-bg: #9063CD;
  --cc-btn-primary-color: #ffffff;
  --cc-btn-primary-hover-bg: #7a55b0;
  --cc-btn-primary-border: #9063CD;

  /* "Reject all" must have the same visual prominence as "Accept all".
     We give it the same purple background, not the muted secondary. */
  --cc-btn-secondary-bg: #9063CD;
  --cc-btn-secondary-color: #ffffff;
  --cc-btn-secondary-hover-bg: #7a55b0;
  --cc-btn-secondary-border: #9063CD;

  /* "Settings" / preferences trigger — slightly different visual but still prominent */
  --cc-btn-tertiary-bg: transparent;
  --cc-btn-tertiary-color: #1a1c1f;
  --cc-btn-tertiary-hover-bg: rgba(144, 99, 205, 0.08);
  --cc-btn-tertiary-border: #1a1c1f;

  /* Toggles */
  --cc-toggle-on-bg: #9063CD;
  --cc-toggle-off-bg: #c7c5cc;
  --cc-toggle-readonly-bg: #d6d6eb;
  --cc-toggle-readonly-knob-bg: #ffffff;
  --cc-toggle-on-knob-bg: #ffffff;
  --cc-toggle-off-knob-bg: #ffffff;

  /* Links */
  --cc-link-color: #7a55b0;

  /* Modal surfaces */
  --cc-modal-border-radius: 14px;
  --cc-btn-border-radius: 9999px;
  --cc-modal-margin: 24px;

  /* Typography hooks (cookieconsent uses 'inherit' for most font sizing) */
  font-family: 'Hanken Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* Headings inside the modals use the display font */
#cc-main .cm__title,
#cc-main .pm__title,
#cc-main .pm__section-title {
  font-family: 'Playfair Display', Georgia, serif;
  font-weight: 500;
  letter-spacing: -0.2px;
}

/* "Notwendig — Immer aktiv" badge */
#cc-main .pm__badge {
  display: inline-block;
  font-size: 11px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  background: rgba(144, 99, 205, 0.12);
  color: #7a55b0;
  padding: 3px 10px;
  border-radius: 9999px;
  margin-left: 8px;
  font-weight: 600;
  font-family: 'Hanken Grotesk', sans-serif;
}

/* Button typography matches site buttons */
#cc-main .cc__button {
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  padding: 12px 22px;
  transition: background 0.2s, transform 0.2s;
}
#cc-main .cc__button:hover {
  transform: translateY(-1px);
}

/* Footer link styling in the banner */
#cc-main .cm__footer a,
#cc-main .pm__footer a,
#cc-main a {
  text-decoration: underline;
  text-underline-offset: 2px;
}