/**
 * CookieConsent v3 — brand-overrides voor Taxety.
 * - "Alles accepteren" in accent-oranje (warme CTA, rechts)
 * - "Alles weigeren" als outlined knop in lichtblauw (rustig maar even groot)
 * - "Voorkeuren" als ghost-link (derde optie, mag minder prominent)
 *
 * v3 button data-role attributes: "all" | "necessary" | "show" | "save"
 */
#cc-main {
  --cc-font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
  --cc-bg: #ffffff;
  --cc-primary-color: #1e3a54;
  --cc-secondary-color: #336089;
  --cc-border-color: #dce7f2;
  --cc-btn-primary-bg: #e8872e;
  --cc-btn-primary-color: #ffffff;
  --cc-btn-primary-border-color: #e8872e;
  --cc-btn-primary-hover-bg: #d47524;
  --cc-btn-primary-hover-color: #ffffff;
  --cc-btn-primary-hover-border-color: #d47524;
  --cc-btn-secondary-bg: transparent;
  --cc-btn-secondary-color: #3d6f9b;
  --cc-btn-secondary-border-color: #b8cfe5;
  --cc-btn-secondary-hover-bg: #f0f5fa;
  --cc-btn-secondary-hover-color: #1e3a54;
  --cc-btn-secondary-hover-border-color: #8bb1d4;
  --cc-toggle-bg-on: #336089;
  --cc-toggle-bg-off: #8bb1d4;
  --cc-toggle-knob-color: #ffffff;
  --cc-link-color: #336089;
  --cc-cookie-category-block-bg: #f0f5fa;
  --cc-cookie-category-block-border: #dce7f2;
  --cc-cookie-category-block-hover-bg: #dce7f2;
  --cc-modal-border-radius: 0.9rem;
  --cc-btn-border-radius: 0.6rem;
}

#cc-main .cm__title {
  font-weight: 700;
  color: #1e3a54;
}

/* Modal-breedte ruimer zodat 3 knoppen comfortabel naast elkaar passen. */
#cc-main .cm--box {
  max-width: 38rem;
}

/* Iets dichtere padding op de knoppen zodat ze samen passen op desktop.
   Ook alle v3 default-margins op aangrenzende buttons resetten — die
   bestaan voor de stacked layout en zetten necessary anders verticaal
   uit lijn met accept en show. */
#cc-main .cm__btns .cm__btn,
#cc-main .pm__btns .pm__btn {
  padding-left: 1rem;
  padding-right: 1rem;
  margin: 0;
}

/* Voorkeuren en Alles weigeren: beide outlined ipv gevuld.
   Maat/padding identiek aan accepteren (eis: gelijke prominentie),
   maar visueel rustiger zodat accept de duidelijke CTA blijft. */
#cc-main .cm__btn[data-role="necessary"],
#cc-main .pm__btn[data-role="necessary"],
#cc-main .cm__btn[data-role="show"],
#cc-main .pm__btn[data-role="show"] {
  background: transparent;
  color: #3d6f9b;
  border: 1px solid #b8cfe5;
  text-decoration: none;
}
#cc-main .cm__btn[data-role="necessary"]:hover,
#cc-main .pm__btn[data-role="necessary"]:hover,
#cc-main .cm__btn[data-role="show"]:hover,
#cc-main .pm__btn[data-role="show"]:hover {
  background: #f0f5fa;
  color: #1e3a54;
  border-color: #8bb1d4;
}

/* Knop-volgorde forceren. v3 stopt accept+necessary in één
   .cm__btn-group en show in een tweede; display:contents 'flat'
   de groepen zodat flex order op alle drie de buttons werkt.

   Desktop (≥ 640px, horizontaal): Voorkeuren | Weigeren | Accepteren
     → CTA rechts = natural CTA-positie in LTR.
   Mobile (< 640px, vertikaal):    Accepteren / Weigeren / Voorkeuren
     → CTA bovenaan = duim-vriendelijke top-positie. */
#cc-main .cm__btns,
#cc-main .pm__btns {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap;
  column-gap: 0.5rem;
  row-gap: 0.6rem;
  align-items: center;
  justify-content: flex-start;
}
#cc-main .cm__btn-group,
#cc-main .pm__btn-group {
  display: contents;
}
#cc-main .cm__btn[data-role="all"],
#cc-main .pm__btn[data-role="all"] { order: 1; }
#cc-main .cm__btn[data-role="show"],
#cc-main .pm__btn[data-role="show"] { order: 2; }
#cc-main .cm__btn[data-role="necessary"],
#cc-main .pm__btn[data-role="necessary"] { order: 3; }
#cc-main .pm__btn[data-role="save"] { order: 4; }

@media (max-width: 640px) {
  #cc-main .cm__btns,
  #cc-main .pm__btns {
    flex-direction: column;
    align-items: stretch;
    gap: 0.6rem;
  }
  #cc-main .cm__btn {
    width: 100%;
  }
  #cc-main .cm__btn[data-role="all"],
  #cc-main .pm__btn[data-role="all"] { order: 1; }
  #cc-main .cm__btn[data-role="show"],
  #cc-main .pm__btn[data-role="show"] { order: 2; }
  #cc-main .cm__btn[data-role="necessary"],
  #cc-main .pm__btn[data-role="necessary"] { order: 3; }
}