/*
  Theming for the vendored cookieconsent.css (css/vendor/cookieconsent.css)
  so the banner matches the site's own palette and type. Loaded after both
  the vendor stylesheet and styles.css, so these custom-property overrides
  win on specificity ties via source order.
*/

:root {
  --cc-font-family: var(--font-body);
  --cc-bg: var(--color-bg);
  --cc-primary-color: var(--color-text);
  --cc-secondary-color: var(--color-text-secondary);
  --cc-modal-border-radius: 1rem;

  --cc-btn-primary-bg: var(--color-accent);
  --cc-btn-primary-color: var(--color-text);
  --cc-btn-primary-border-color: var(--color-accent);
  --cc-btn-primary-hover-bg: var(--color-accent-hover);
  --cc-btn-primary-hover-color: var(--color-text);
  --cc-btn-primary-hover-border-color: var(--color-accent-hover);

  --cc-btn-secondary-bg: var(--color-bg);
  --cc-btn-secondary-color: var(--color-text);
  --cc-btn-secondary-border-color: var(--color-border);
  --cc-btn-secondary-hover-bg: var(--color-bg-subtle);
  --cc-btn-secondary-hover-color: var(--color-text);
  --cc-btn-secondary-hover-border-color: var(--color-border);

  --cc-link-color: var(--color-text);

  --cc-toggle-on-bg: var(--color-accent-deep);
  --cc-toggle-off-bg: #aab8c6;
  --cc-toggle-readonly-bg: var(--color-border);

  --cc-separator-border-color: var(--color-border);
  --cc-cookie-category-block-bg: var(--color-bg-subtle);
  --cc-cookie-category-block-border: var(--color-border);
  --cc-cookie-category-block-hover-bg: var(--color-bg-subtle);
  --cc-cookie-category-block-hover-border: var(--color-border);

  --cc-footer-bg: var(--color-bg);
  --cc-footer-color: var(--color-text-secondary);
  --cc-footer-border-color: var(--color-border);
}

/* Footer trigger: styled to match the other footer-bottom text, not a link. */
.site-footer__cookie-settings {
  appearance: none;
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  font-size: 0.9375rem;
  color: var(--color-text-secondary);
  text-decoration: underline;
  text-underline-offset: 0.2em;
  cursor: pointer;
}

.site-footer__cookie-settings:hover {
  color: var(--color-text);
}