/*
 * Bestsupport08 — huisstijl-override voor vanilla-cookieconsent v3
 * Base44-palet: cream #F8F6F0, charcoal #272727, goud #DCA877 / #D4AA7D / #EFD09E.
 * Fonts: Playfair Display (titels) + Lora (body). Zacht, elegant — geen brutalism.
 * Laden NA cookieconsent.css.
 */
#cc-main {
  --cc-font-family: 'Lora', Georgia, serif;

  --cc-bg: #F8F6F0;
  --cc-primary-color: #272727;
  --cc-secondary-color: #5b5750;

  /* Primaire actie = goud, donkere tekst (warm, niet schreeuwerig) */
  --cc-btn-primary-bg: #DCA877;
  --cc-btn-primary-color: #272727;
  --cc-btn-primary-border-color: #D4AA7D;
  --cc-btn-primary-hover-bg: #272727;
  --cc-btn-primary-hover-color: #F8F6F0;
  --cc-btn-primary-hover-border-color: #272727;

  /* Secundaire actie = cream/charcoal outline */
  --cc-btn-secondary-bg: #ffffff;
  --cc-btn-secondary-color: #272727;
  --cc-btn-secondary-border-color: #D4AA7D;
  --cc-btn-secondary-hover-bg: #EFD09E;
  --cc-btn-secondary-hover-color: #272727;
  --cc-btn-secondary-hover-border-color: #D4AA7D;

  --cc-separator-border-color: rgba(212, 170, 125, 0.3);
  --cc-cookie-category-block-bg: #ffffff;
  --cc-cookie-category-block-border: rgba(212, 170, 125, 0.35);
  --cc-cookie-category-block-bg-hover: #FBF8F2;
  --cc-cookie-category-block-border-hover: #D4AA7D;

  --cc-toggle-on-bg: #DCA877;
  --cc-toggle-off-bg: #c9c2b6;
  --cc-toggle-readonly-bg: #e2dccf;
  --cc-toggle-on-knob-bg: #ffffff;
  --cc-toggle-off-knob-bg: #ffffff;

  /* Elegant: zachte hoeken, subtiele schaduw */
  --cc-modal-border-radius: 14px;
  --cc-btn-border-radius: 9px;
  --cc-modal-transition-duration: .25s;

  --cc-link-color: #B8863F;
}

/* Zachte rand + warme schaduw op de modals */
#cc-main .cm,
#cc-main .pm {
  border: 1px solid rgba(212, 170, 125, 0.4) !important;
  box-shadow: 0 18px 50px -12px rgba(39, 39, 39, 0.28) !important;
}

/* Titels in Playfair Display */
#cc-main .cm__title,
#cc-main .pm__title,
#cc-main .pm__section-title {
  font-family: 'Playfair Display', Georgia, serif;
  font-weight: 700;
  letter-spacing: -0.01em;
}

/* Knoppen: rustig, vet genoeg, met zachte hover-lift */
#cc-main .cm__btn,
#cc-main .pm__btn {
  font-weight: 600;
  letter-spacing: 0.01em;
  transition: background-color .2s ease, color .2s ease, transform .12s ease, box-shadow .2s ease;
}
#cc-main .cm__btn:hover,
#cc-main .pm__btn:hover {
  transform: translateY(-1px);
}