/* Copyright 2026 Renofy Ltd. All rights reserved. */
/* vanilla-cookieconsent brand overrides — RENO-912.
   The library ships its own structural CSS (loaded in base.html) and applies
   `all: initial` to its buttons via #cc-main button { ... }, which prevents us
   from cleanly applying the project's `.button .button--pink` classes through
   DOM manipulation — the resets keep winning. So we set the library's CSS
   variables to point at the same design tokens .button--pink / .button--primary
   already use, giving the same end result without duplicating colour values. */
#cc-main {
  --cc-bg: var(--color-white);
  --cc-primary-color: var(--color-text-primary);
  --cc-secondary-color: var(--color-text-primary);
  --cc-btn-primary-bg: var(--color-pink);
  --cc-btn-primary-color: var(--color-white);
  --cc-btn-primary-hover-bg: var(--color-pink-dark);
  --cc-btn-primary-hover-color: var(--color-white);
  --cc-btn-secondary-bg: var(--color-text-primary);
  --cc-btn-secondary-color: var(--color-white);
  --cc-btn-secondary-hover-bg: var(--color-text-primary);
  --cc-btn-secondary-hover-color: var(--color-white);
  --cc-btn-secondary-border-color: var(--color-text-primary);
  --cc-btn-secondary-hover-border-color: var(--color-text-primary);
  --cc-separator-border-color: var(--color-border);
  --cc-toggle-on-bg: var(--color-pink);
  --cc-toggle-off-bg: var(--color-text-primary);
  --cc-link-color: var(--color-pink);
  --cc-modal-border-radius: var(--radius-base, 0.5rem);
  --cc-btn-border-radius: var(--radius-base, 0.5rem);
  --cc-z-index: var(--z-index-modal);
  font-family: inherit;
}

/* With equalWeightButtons: true the library applies the same .cm__btn class
   to both buttons (its structural ICO equal-prominence guard), so the
   --cc-btn-secondary-* variables above never reach the Reject button via
   class selectors. Target by the data-role attribute the library exposes
   instead and apply the same tokens .button--primary uses. Hover matches
   the .button:hover default (shadow only — no colour shift, since
   .button--primary doesn't define a darker variant). */
#cc-main button[data-role="necessary"] {
  background: var(--color-text-primary);
  color: var(--color-white);
  border-color: var(--color-text-primary);
}
#cc-main button[data-role="necessary"]:hover {
  box-shadow: var(--shadow);
}