/* ---------------------------------------------------------------------------
   Cookie-Consent theming — maps vanilla-cookieconsent v3's CSS custom
   properties onto the design tokens (theme.css) so the banner reads as part
   of the site. Vendor CSS stays untouched (assets/vendor/cookieconsent/).
   --------------------------------------------------------------------------- */
#cc-main {
  --cc-font-family: var(--font-body);
  --cc-modal-border-radius: var(--at-radius--m);
  --cc-btn-border-radius: var(--at-btn-border-radius);
  --cc-modal-transition-duration: 0.2s;

  --cc-bg: var(--color-surface);
  --cc-primary-color: var(--color-heading);
  --cc-secondary-color: var(--color-ink-muted);

  --cc-btn-primary-bg: var(--at-primary);
  --cc-btn-primary-border-color: var(--at-primary);
  --cc-btn-primary-color: #fff;
  --cc-btn-primary-hover-bg: var(--at-primary-d-1);
  --cc-btn-primary-hover-border-color: var(--at-primary-d-1);
  --cc-btn-primary-hover-color: #fff;

  --cc-btn-secondary-bg: var(--color-band);
  --cc-btn-secondary-border-color: var(--color-band);
  --cc-btn-secondary-color: var(--color-heading);
  --cc-btn-secondary-hover-bg: var(--at-primary-l-4);
  --cc-btn-secondary-hover-border-color: var(--at-primary-l-4);
  --cc-btn-secondary-hover-color: var(--color-heading);

  --cc-separator-border-color: var(--at-primary-l-4);
  --cc-footer-bg: var(--color-band);
  --cc-footer-color: var(--color-ink-muted);
  --cc-footer-border-color: var(--at-primary-l-4);

  --cc-toggle-on-bg: var(--at-primary);
  --cc-toggle-off-bg: var(--at-primary-l-3);
  --cc-toggle-readonly-bg: var(--at-primary-l-4);

  --cc-cookie-category-block-bg: var(--color-canvas);
  --cc-cookie-category-block-border: var(--color-band);
  --cc-cookie-category-block-hover-bg: var(--color-band);
  --cc-cookie-category-block-hover-border: var(--color-band);
  --cc-cookie-category-expanded-block-bg: var(--color-canvas);
  --cc-cookie-category-expanded-block-hover-bg: var(--color-band);

  /* ink #35312b (--color-heading) at 50% for the preferences overlay */
  --cc-overlay-bg: rgba(53, 49, 43, 0.5);
}

/* Modal titles use the display face, like every heading on the site */
#cc-main .cm__title,
#cc-main .pm__title { font-family: var(--font-display); font-weight: 500; }

/* Footer trigger ("Cookie-Einstellungen") looks like the legal links next to it */
.site-footer__legal button {
  background: none; border: 0; padding: 0; margin: 0;
  font: inherit; color: var(--at-neutral-l-3); cursor: pointer;
}
.site-footer__legal button:hover { color: var(--at-neutral-l-6); }