/* Cookiebanner in de Stolksupport-huisstijl: crème, ink, brons.
   Overschrijft alleen de variabelen van vanilla-cookieconsent v3; de bibliotheek
   zelf blijft ongewijzigd zodat een update er gewoon overheen kan. */
#cc-main {
  --cc-font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --cc-bg: #F2EFE8;
  --cc-primary-color: #181C24;
  --cc-secondary-color: #55606E;

  --cc-btn-primary-bg: #7E6A4D;
  --cc-btn-primary-color: #FFFFFF;
  --cc-btn-primary-border-color: #7E6A4D;
  --cc-btn-primary-hover-bg: #6A5940;
  --cc-btn-primary-hover-color: #FFFFFF;
  --cc-btn-primary-hover-border-color: #6A5940;

  --cc-btn-secondary-bg: transparent;
  --cc-btn-secondary-color: #181C24;
  --cc-btn-secondary-border-color: #D6CFC2;
  --cc-btn-secondary-hover-bg: #E7E2D8;
  --cc-btn-secondary-hover-border-color: #C4BAA8;

  --cc-separator-border-color: #E2DDD4;
  --cc-toggle-on-bg: #7E6A4D;
  --cc-toggle-off-bg: #B9B2A5;
  --cc-toggle-readonly-bg: #D6CFC2;
  --cc-cookie-category-block-bg: #EDEAE2;
  --cc-cookie-category-block-border: #E2DDD4;
  --cc-overlay-bg: rgba(14, 18, 25, .55);
  --cc-modal-border-radius: 10px;
  --cc-btn-border-radius: 6px;
}

#cc-main .cm__title,
#cc-main .pm__title { font-family: 'Inter Tight', 'Inter', sans-serif; letter-spacing: -.01em; }

/* Leesbaar op een telefoon: bodytekst nooit onder de 16px en knoppen volle breedte. */
#cc-main .cm__desc,
#cc-main .pm__section-desc { font-size: 16px; line-height: 1.6; }

#cc-main a { color: #7E6A4D; text-decoration: underline; text-underline-offset: 2px; }
#cc-main a:hover { color: #6A5940; }

@media (max-width: 560px) {
  #cc-main .cm__btns .cm__btn,
  #cc-main .pm__btns .pm__btn { width: 100%; display: block; }
  #cc-main .cm__title, #cc-main .pm__title { font-size: 19px; }
}