/*
 * Complianz-cookiebanner in Evolution-stijl (0.4.5).
 * Papierwit vlak, inkt-tekst, Accepteren limoen met donkere tekst, Weigeren en Voorkeuren even zichtbaar
 * (rand in inkt), lijnen 1px #e4e5e0, knoppen minimaal 44 px. Complianz zet zijn kleuren als variabelen
 * en deels inline: daarom de variabelen hier opnieuw en !important waar nodig.
 */
.cmplz-cookiebanner {
  --cmplz_banner_background_color: #ffffff !important;
  --cmplz_banner_border_color: #e4e5e0 !important;
  --cmplz_banner_border_width: 1px !important;
  --cmplz_banner_border_radius: 16px !important;
  --cmplz_text_color: #1f1a17 !important;
  --cmplz_hyperlink_color: #4a6600 !important;
  --cmplz_category_body_font_size: 14px !important;
  --cmplz_button_accept_background_color: #bbd406 !important;
  --cmplz_button_accept_border_color: #bbd406 !important;
  --cmplz_button_accept_text_color: #1f1a17 !important;
  --cmplz_button_deny_background_color: #ffffff !important;
  --cmplz_button_deny_border_color: #1f1a17 !important;
  --cmplz_button_deny_text_color: #1f1a17 !important;
  --cmplz_button_settings_background_color: #ffffff !important;
  --cmplz_button_settings_border_color: #1f1a17 !important;
  --cmplz_button_settings_text_color: #1f1a17 !important;
  --cmplz_button_border_radius: 999px !important;
  --cmplz_slider_active_color: #4a6600 !important;
  --cmplz_slider_inactive_color: #cfd2ca !important;
  --cmplz_slider_bullet_color: #ffffff !important;
  --cmplz_category_header_always_active_color: #4a6600 !important;
  --cmplz_category_header_title_font_size: 15px !important;
  --cmplz_category_header_active_font_size: 13px !important;
  --cmplz_title_font_size: 18px !important;
  --cmplz_text_font_size: 14px !important;
  --cmplz_link_font_size: 13px !important;
  --cmplz_button_font_size: 15px !important;
}
.cmplz-cookiebanner {
  font-family: "Archivo", system-ui, sans-serif !important;
  background: #fff !important;
  color: #1f1a17 !important;
  border: 1px solid #e4e5e0 !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 48px rgba(31, 26, 23, .16) !important;
  padding: 24px !important;
  max-width: 560px;
}
.cmplz-cookiebanner .cmplz-title { font-weight: 700 !important; color: #1f1a17 !important; letter-spacing: -.01em; }
.cmplz-cookiebanner .cmplz-message, .cmplz-cookiebanner .cmplz-message p { color: #3a3633 !important; line-height: 1.55 !important; }
.cmplz-cookiebanner .cmplz-close { color: #1f1a17 !important; min-width: 44px; min-height: 44px; display: grid !important; place-items: center; }
.cmplz-cookiebanner .cmplz-buttons { gap: 12px !important; }
.cmplz-cookiebanner .cmplz-btn {
  min-height: 46px !important;
  height: auto !important;
  padding: 10px 22px !important;
  border-radius: 999px !important;
  border-width: 1.5px !important;
  font-weight: 700 !important;
  font-family: inherit !important;
  box-shadow: none !important;
  margin: 0 !important;
  white-space: normal;
}
.cmplz-cookiebanner .cmplz-btn.cmplz-accept { background: #bbd406 !important; border-color: #bbd406 !important; color: #1f1a17 !important; }
.cmplz-cookiebanner .cmplz-btn.cmplz-accept:hover { background: #a9c000 !important; border-color: #a9c000 !important; }
.cmplz-cookiebanner .cmplz-btn.cmplz-deny,
.cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences,
.cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences { background: #fff !important; border-color: #1f1a17 !important; color: #1f1a17 !important; }
.cmplz-cookiebanner .cmplz-btn.cmplz-deny:hover,
.cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences:hover,
.cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences:hover { background: #f3f4f1 !important; }
.cmplz-cookiebanner .cmplz-btn:focus-visible, .cmplz-cookiebanner .cmplz-close:focus-visible { outline: 2px solid #1f1a17 !important; outline-offset: 2px !important; }
.cmplz-cookiebanner .cmplz-categories .cmplz-category { background: #f3f4f1 !important; border-radius: 10px !important; border: 0 !important; }
.cmplz-cookiebanner .cmplz-category .cmplz-category-header { min-height: 44px; }
.cmplz-cookiebanner .cmplz-links a, .cmplz-cookiebanner .cmplz-documents a { color: #4a6600 !important; font-weight: 600; display: inline-flex; align-items: center; min-height: 32px; }
.cmplz-cookiebanner .cmplz-divider { border-color: #e4e5e0 !important; }

/* Telefoon: netjes onderaan, 16 px van de randen, knoppen onder elkaar en even breed */
@media (max-width: 640px) {
  .cmplz-cookiebanner {
    left: 16px !important;
    right: 16px !important;
    bottom: calc(16px + env(safe-area-inset-bottom)) !important;
    top: auto !important;
    width: auto !important;
    max-width: none !important;
    transform: none !important;
    padding: 20px 16px !important;
    max-height: calc(100dvh - 32px);
    overflow: auto;
  }
  .cmplz-cookiebanner .cmplz-buttons { flex-direction: column !important; }
  .cmplz-cookiebanner .cmplz-btn { width: 100% !important; }
}

/* Knop "Toestemming beheren" na een keuze: klein en rustig */
#cmplz-manage-consent .cmplz-manage-consent {
  background: #fff !important;
  color: #1f1a17 !important;
  border: 1px solid #e4e5e0 !important;
  border-bottom: 0 !important;
  border-radius: 10px 10px 0 0 !important;
  font-family: "Archivo", system-ui, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  min-height: 40px !important;
  padding: 8px 14px !important;
  box-shadow: 0 -4px 14px rgba(31, 26, 23, .06) !important;
}
#cmplz-manage-consent .cmplz-manage-consent:hover { background: #f3f4f1 !important; }
/* Niet onder de vaste balken op product en winkelwagen */
@media (max-width: 900px) {
  body.p-product #cmplz-manage-consent .cmplz-manage-consent, body.heeft-wagen-balk #cmplz-manage-consent .cmplz-manage-consent { display: none !important; }
}