/* Cookiebanner in de Deltherma-huisstijl (22 okt 2026). Tokens uit src/styles/global.css; laadt ná
   cookieconsent.css. Accepteren en Weigeren zijn bewust identiek (AP: weigeren even makkelijk en even
   opvallend als accepteren); "Instellen" is de enige afwijkende knop. Geen eigen lettertypen: die laadt
   global.css al. */
#cc-main {
  --cc-font-family: var(--f-ui, Inter, system-ui, sans-serif);
  --cc-modal-border-radius: 0;
  --cc-btn-border-radius: 0;
  --cc-pm-toggle-border-radius: 0;
  --cc-modal-margin: 16px;

  --cc-bg: var(--papier, #fbfaf8);
  --cc-primary-color: var(--inkt, #1a1a1a);
  --cc-secondary-color: var(--tekst-2, #555555);
  --cc-link-color: var(--rood, #c00122);
  --cc-separator-border-color: var(--lijn, #e2e2e2);
  --cc-overlay-bg: rgba(26, 26, 26, 0.55);

  /* Accepteren en Weigeren (equalWeightButtons: beide "primary"). */
  --cc-btn-primary-bg: var(--inkt, #1a1a1a);
  --cc-btn-primary-color: var(--wit, #ffffff);
  --cc-btn-primary-border-color: var(--inkt, #1a1a1a);
  --cc-btn-primary-hover-bg: var(--rood, #c00122);
  --cc-btn-primary-hover-color: var(--wit, #ffffff);
  --cc-btn-primary-hover-border-color: var(--rood, #c00122);

  /* Instellen / Opslaan: omlijnd, zoals .btn-s op de site. */
  --cc-btn-secondary-bg: transparent;
  --cc-btn-secondary-color: var(--inkt, #1a1a1a);
  --cc-btn-secondary-border-color: var(--inkt, #1a1a1a);
  --cc-btn-secondary-hover-bg: var(--inkt, #1a1a1a);
  --cc-btn-secondary-hover-color: var(--wit, #ffffff);
  --cc-btn-secondary-hover-border-color: var(--inkt, #1a1a1a);

  --cc-toggle-on-bg: var(--rood, #c00122);
  --cc-toggle-off-bg: var(--gedempt, #6b6b6b);
  --cc-toggle-on-knob-bg: var(--wit, #ffffff);
  --cc-toggle-off-knob-bg: var(--wit, #ffffff);
  --cc-toggle-enabled-icon-color: var(--rood, #c00122);
  --cc-toggle-disabled-icon-color: var(--gedempt, #6b6b6b);
  --cc-toggle-readonly-bg: var(--lijn, #e2e2e2);
  --cc-toggle-readonly-knob-bg: var(--wit, #ffffff);
  --cc-toggle-readonly-knob-icon-color: var(--gedempt, #6b6b6b);

  --cc-section-category-border: var(--lijn, #e2e2e2);
  --cc-cookie-category-block-bg: var(--wit, #ffffff);
  --cc-cookie-category-block-border: var(--lijn, #e2e2e2);
  --cc-cookie-category-block-hover-bg: var(--lijn-zacht, #eeeeee);
  --cc-cookie-category-block-hover-border: var(--lijn, #e2e2e2);
  --cc-cookie-category-expanded-block-bg: var(--wit, #ffffff);
  --cc-cookie-category-expanded-block-hover-bg: var(--lijn-zacht, #eeeeee);

  --cc-footer-bg: var(--wit, #ffffff);
  --cc-footer-color: var(--tekst-2, #555555);
  --cc-footer-border-color: var(--lijn, #e2e2e2);
}

/* Rode lijn bovenaan, zoals onder de bovenbalk van de site; dunne inktrand. */
#cc-main .cm, #cc-main .pm { border: 1px solid var(--inkt, #1a1a1a); border-top: 4px solid var(--rood, #c00122); box-shadow: 0 12px 32px rgba(26, 26, 26, 0.18); }

/* Kop in de kopletter van de site, lopende tekst in de tekstletter. */
#cc-main .cm__title, #cc-main .pm__title { font-family: var(--f-kop, 'DM Serif Display', Georgia, serif); font-weight: 400; font-size: 1.45em; letter-spacing: 0; }
#cc-main .cm__desc, #cc-main .pm__section-desc { font-family: var(--f-tekst, 'Noto Serif', Georgia, serif); font-size: 15px; line-height: 1.55; color: var(--tekst-2, #555555); }
#cc-main .pm__section-title { font-family: var(--f-ui, Inter, system-ui, sans-serif); font-weight: 600; }

/* Knoppen zoals .btn op de site: Inter 600, recht, 1.5 px rand, rustige overgang. */
#cc-main .cm__btn, #cc-main .pm__btn { font-family: var(--f-ui, Inter, system-ui, sans-serif); font-weight: 600; font-size: 15px; border-width: 1.5px; min-height: 44px; transition: background-color 200ms ease, border-color 200ms ease, color 200ms ease; }
#cc-main .cm__btn:focus-visible, #cc-main .pm__btn:focus-visible { outline: 2px solid var(--rood, #c00122); outline-offset: 2px; }

#cc-main .cm__footer a, #cc-main .cm__link-group a { color: var(--inkt, #1a1a1a); text-decoration: underline; text-underline-offset: 3px; }
#cc-main .cm__footer a:hover { color: var(--rood, #c00122); }

@media (prefers-reduced-motion: reduce) { #cc-main { --cc-modal-transition-duration: 0ms; } }