/* Cookiebanner en instellingenscherm (GDPR Cookie Compliance), huisstijl Vincent Fijan, nov 2026 */
:root {
  --moove-gdpr-primary-colour: #3a9ad9;
  --moove-gdpr-button-bg: #3a9ad9;
  --moove-gdpr-button-hover-bg: #1f6fa6;
  --moove-gdpr-button-font: #fff;
}
#moove_gdpr_cookie_modal, #moove_gdpr_cookie_info_bar, #moove_gdpr_cookie_modal *, #moove_gdpr_cookie_info_bar * { font-family: 'Roboto', sans-serif !important; }

/* ---------- Banner: zwevende kaart linksonder ---------- */
#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme {
  left: 20px; right: auto; bottom: 20px; top: auto;
  width: min(430px, calc(100% - 40px));
  max-height: calc(100vh - 40px); overflow-y: auto;
  background: #fff; border: 1px solid #e3edf5; border-top: 0;
  border-radius: 16px; box-shadow: 0 20px 50px rgba(16, 40, 58, .22);
  padding: 0; z-index: 9980;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container { padding: 22px 22px 18px !important; max-width: none !important; }
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content {
  display: block !important; padding: 0 !important; text-align: left !important;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-cookie-notice { margin: 0 0 16px !important; padding: 0 !important; }
#moove_gdpr_cookie_info_bar .moove-gdpr-cookie-notice p {
  margin: 0 0 6px !important; font-size: 14.5px !important; line-height: 1.55 !important; color: #44525e !important; text-align: left !important;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-cookie-notice p.vf-cookie-titel { margin-bottom: 6px !important; font-size: 17px !important; color: #22303c !important; }
#moove_gdpr_cookie_info_bar .moove-gdpr-cookie-notice p.vf-cookie-titel::before {
  content: ""; display: inline-block; width: 22px; height: 22px; margin-right: 8px; vertical-align: -5px;
  background: no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%233a9ad9' d='M21.6 11.2a3 3 0 0 1-3.7-3.6 3 3 0 0 1-3.5-3.6A9.9 9.9 0 0 0 12 3.7 8.3 8.3 0 1 0 20.3 12a9 9 0 0 0 1.3-.8zM8 10a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm1 6a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm6 1a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm-2-5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z'/%3E%3C/svg%3E");
}

/* Knoppen: accepteren en weigeren even groot */
#moove_gdpr_cookie_info_bar .moove-gdpr-button-holder {
  display: grid !important; grid-template-columns: 1fr 1fr; gap: 10px; margin: 0 !important; padding: 0 !important; width: 100%;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton {
  margin: 0 !important; width: 100%; min-height: 46px; padding: 11px 14px !important;
  border-radius: 10px !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.2 !important;
  text-transform: none !important; letter-spacing: 0 !important; box-shadow: none !important; opacity: 1 !important;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-content button.moove-gdpr-infobar-allow-all {
  background: #3a9ad9 !important; color: #fff !important; border: 2px solid #3a9ad9 !important;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-content button.moove-gdpr-infobar-allow-all:hover { background: #1f6fa6 !important; border-color: #1f6fa6 !important; }
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-content button.moove-gdpr-infobar-reject-btn {
  background: #fff !important; color: #1f6fa6 !important; border: 2px solid #3a9ad9 !important;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-content button.moove-gdpr-infobar-reject-btn:hover { background: #eef7fd !important; }
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.moove-gdpr-infobar-settings-btn {
  grid-column: 1 / -1; min-height: 0; padding: 6px !important; background: transparent !important; border: 0 !important;
  color: #44525e !important; font-weight: 500 !important; text-decoration: underline; text-underline-offset: 3px;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-content button.moove-gdpr-infobar-settings-btn:hover { color: #1f6fa6 !important; }
#moove_gdpr_cookie_info_bar button.mgbutton:focus-visible { outline: 3px solid #1f6fa6 !important; outline-offset: 2px !important; }

@media (max-width: 600px) {
  #moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme {
    left: 0; right: 0; bottom: 0; width: 100%; border-radius: 18px 18px 0 0; border: 0;
    box-shadow: 0 -10px 40px rgba(16, 40, 58, .22);
  }
  #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container { padding: 20px 18px calc(14px + env(safe-area-inset-bottom)) !important; }
  #moove_gdpr_cookie_info_bar .moove-gdpr-button-holder { grid-template-columns: 1fr; }
}

/* ---------- Instellingenscherm ---------- */
#moove_gdpr_cookie_modal .moove-gdpr-modal-content { border-radius: 16px; box-shadow: 0 30px 80px rgba(16, 40, 58, .3); }
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content { border-radius: 16px 0 0 16px; }
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-right-content { border-radius: 0 16px 16px 0; }
@media (max-width: 767px) { #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-right-content { border-radius: 0; } }
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-company-logo-holder img { max-height: 90px; width: auto; }
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button,
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button span { font-size: 15px; font-weight: 500; }
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button { border-radius: 10px; }
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li.menu-item-selected button { background: #3a9ad9; color: #fff; }
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .tab-title { font-size: 20px; font-weight: 700; color: #22303c; }
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content p { font-size: 15px; line-height: 1.6; color: #44525e; }
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton {
  border-radius: 10px; font-size: 15px; font-weight: 600; text-transform: none; letter-spacing: 0; padding: 12px 20px;
}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.moove-gdpr-modal-save-settings {
  background: #fff !important; color: #1f6fa6 !important; border: 2px solid #3a9ad9 !important;
}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.moove-gdpr-modal-save-settings:hover { background: #eef7fd !important; }
html.gdpr_lightbox-active #moove_gdpr_cookie_info_bar { visibility: hidden; }
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button span { text-transform: none; }
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li.menu-item-selected button span { color: #fff; }
#moove_gdpr_cookie_modal .cookie-switch .cookie-slider { background-color: #c3ccd4 !important; }
#moove_gdpr_cookie_modal .cookie-switch input:checked + .cookie-slider { background-color: #3a9ad9 !important; }
#moove_gdpr_cookie_modal .gdpr-cc-form-fieldset label .gdpr-sr-label span, #moove_gdpr_cookie_modal .cookie-switch span.gdpr-sr-disable, #moove_gdpr_cookie_modal .cookie-switch span.gdpr-sr-enable { font-size: 15px; }
#moove_gdpr_cookie_modal .cookie-switch .gdpr-sr-disable { color: #6b7782 !important; }
#moove_gdpr_cookie_modal .cookie-switch .gdpr-sr-enable { color: #1f6fa6 !important; }
@media (prefers-reduced-motion: reduce) { #moove_gdpr_cookie_info_bar * { transition: none !important; } }