/* FVWL — cookiemelding (Complianz) in de huisstijl (14 nov 2026). Geladen door fvwl-toestemming.php, na de stijl van Complianz.
   Rustig, onderaan, over de volle breedte: gebroken wit, dunne lijn bovenaan, rechte hoeken, Josefin Sans.
   Accepteren en weigeren zijn even groot en zien er gelijk uit; voorkeuren is een knop met een dunne rand.
   De kleuren zelf staan ook in de instellingen van de melding (code/deploy/complianz-instellen.php). */
body .cmplz-cookiebanner.cmplz-cookiebanner{
  left:0 !important; right:0 !important; bottom:0 !important; top:auto !important; transform:none !important;
  width:100% !important; max-width:none !important; margin:0 !important; box-sizing:border-box;
  padding:18px max(24px, calc((100vw - 1320px) / 2)) 16px !important;
  background:var(--fvwl-paper,#FAF8F4) !important; color:var(--fvwl-anthracite,#3A3A3A) !important;
  border:0 !important; border-top:1px solid var(--fvwl-line,#E5E2DC) !important; border-radius:0 !important; box-shadow:0 -6px 24px rgba(31,31,31,.06) !important;
  font-family:var(--fvwl-sans,"Josefin Sans",sans-serif) !important; z-index:99995;
  grid-template-columns:minmax(0,1fr) auto !important; grid-template-rows:auto !important; grid-gap:10px 40px !important; align-items:center;
}
body .cmplz-cookiebanner .cmplz-header, body .cmplz-cookiebanner .cmplz-divider{ display:none !important; }
body .cmplz-cookiebanner .cmplz-body{ grid-column:1; grid-row:1; min-width:0; max-height:none; overflow:visible; padding:0; }
body .cmplz-cookiebanner .cmplz-message{ margin:0 !important; padding:0; font-size:14px !important; line-height:1.6; font-weight:300; letter-spacing:.01em; color:var(--fvwl-anthracite,#3A3A3A); max-width:640px; width:auto !important; }
body .cmplz-cookiebanner .cmplz-message p{ margin:0; padding:0; }
body .cmplz-cookiebanner .cmplz-buttons{ grid-column:2; grid-row:1; display:flex !important; flex-wrap:nowrap; gap:10px; margin:0 !important; padding:0; width:auto !important; }
body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn{
  flex:0 0 auto; width:auto !important; min-width:164px; height:44px !important; margin:0 !important; padding:2px 20px 0 !important; box-sizing:border-box;
  border-radius:0 !important; font-family:var(--fvwl-sans,"Josefin Sans",sans-serif) !important; font-size:11px !important; font-weight:400 !important;
  letter-spacing:.18em; text-transform:uppercase; line-height:1 !important; white-space:nowrap; cursor:pointer; transition:background-color .25s, color .25s, border-color .25s;
}
body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept, body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny{
  background:var(--fvwl-anthracite,#3A3A3A) !important; border:1px solid var(--fvwl-anthracite,#3A3A3A) !important; color:#fff !important; }
body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept:hover, body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny:hover{
  background:var(--fvwl-ink,#1F1F1F) !important; border-color:var(--fvwl-ink,#1F1F1F) !important; }
body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences, body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences{
  background:transparent !important; border:1px solid var(--fvwl-anthracite,#3A3A3A) !important; color:var(--fvwl-anthracite,#3A3A3A) !important; }
body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences:hover, body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences:hover{
  background:var(--fvwl-anthracite,#3A3A3A) !important; color:#fff !important; }
body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn:focus-visible{ outline:2px solid var(--fvwl-gold,#CCA569); outline-offset:2px; }
/* er zijn (nog) geen documenten gekoppeld: de lege rij met links neemt geen plaats in */
body .cmplz-cookiebanner .cmplz-links, body .cmplz-cookiebanner .cmplz-documents{ display:none !important; }
body .cmplz-cookiebanner .cmplz-buttons{ flex-direction:row !important; }

/* voorkeuren open: de categorieën onder de zin, over de volle breedte */
body .cmplz-cookiebanner .cmplz-categories{ margin:14px 0 2px; max-width:760px; width:auto !important; }
body .cmplz-cookiebanner .cmplz-categories .cmplz-category{ background:var(--fvwl-white,#fff) !important; border:1px solid var(--fvwl-line,#E5E2DC); border-radius:0 !important; margin-bottom:8px; }
body .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header{ padding:10px 14px; }
body .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-title{ font-size:12px !important; font-weight:400; letter-spacing:.14em; text-transform:uppercase; color:var(--fvwl-ink,#1F1F1F); }
body .cmplz-cookiebanner .cmplz-categories .cmplz-always-active{ font-size:11px !important; color:var(--fvwl-muted,#6B6761) !important; letter-spacing:.06em; }
body .cmplz-cookiebanner .cmplz-categories .cmplz-description{ font-size:13px; line-height:1.55; font-weight:300; color:var(--fvwl-anthracite,#3A3A3A); padding:0 14px 12px; }
body .cmplz-cookiebanner.cmplz-categories-visible, body .cmplz-cookiebanner:has(.cmplz-categories.cmplz-fade-in){ align-items:start; }

/* het lipje “Cookievoorkeuren” (na de keuze, alleen desktop) */
body #cmplz-manage-consent .cmplz-manage-consent{
  background:var(--fvwl-paper,#FAF8F4) !important; color:var(--fvwl-anthracite,#3A3A3A) !important; border:1px solid var(--fvwl-line,#E5E2DC) !important; border-bottom:0 !important;
  border-radius:0 !important; box-shadow:none !important; font-family:var(--fvwl-sans,"Josefin Sans",sans-serif) !important; font-size:10px !important; font-weight:400;
  letter-spacing:.16em; text-transform:uppercase; padding:9px 14px 7px !important; height:auto !important; line-height:1.2 !important; min-width:0 !important; }

@media (max-width:1100px){
  body .cmplz-cookiebanner.cmplz-cookiebanner{ grid-template-columns:minmax(0,1fr) !important; padding:16px 20px 16px !important; grid-gap:12px !important; }
  body .cmplz-cookiebanner .cmplz-body, body .cmplz-cookiebanner .cmplz-buttons{ grid-column:1; grid-row:auto; }
  body .cmplz-cookiebanner .cmplz-message{ max-width:none; }
}
@media (max-width:767px){
  body .cmplz-cookiebanner .cmplz-message{ font-size:13px !important; line-height:1.5; }
  /* accepteren en weigeren naast elkaar, even breed; voorkeuren eronder */
  body .cmplz-cookiebanner .cmplz-buttons{ flex-direction:row !important; flex-wrap:wrap !important; gap:8px; width:100% !important; }
  body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn{ height:42px !important; }
  body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn{ min-width:0; padding:2px 8px 0 !important; letter-spacing:.14em; }
  body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept, body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny{ flex:1 1 calc(50% - 4px); order:1; }
  body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences, body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences{ flex:1 1 100%; order:2; }
  body .cmplz-cookiebanner .cmplz-categories{ max-height:42vh; overflow:auto; }
}

/* v2 (14 nov 2026, dag): de links onderaan de footer — Cookievoorkeuren (opent de melding opnieuw, ook op mobiel) en de
   links naar het cookie- en privacybeleid. De knop draagt ook de klasse van Complianz; haar zwevende stijl geldt hier niet. */
.fvwl-ft .fvwl-ft__cookies{ margin:0; padding:0; display:flex; flex-wrap:wrap; gap:6px 22px; font-size:12px; line-height:1.7; letter-spacing:.04em; }
.fvwl-ft .fvwl-ft__cookies a, .fvwl-ft .fvwl-ft__cookies .fvwl-ft__cookiebtn{
  position:static !important; display:inline !important; width:auto !important; height:auto !important; min-width:0 !important; margin:0 !important; padding:0 !important;
  background:none !important; border:0 !important; border-bottom:1px solid var(--fvwl-line-strong,#C8C4BC) !important; border-radius:0 !important; box-shadow:none !important;
  font:inherit !important; letter-spacing:inherit !important; text-transform:none !important; color:var(--fvwl-muted,#6B6761) !important; cursor:pointer; text-decoration:none; }
.fvwl-ft .fvwl-ft__cookies a:hover, .fvwl-ft .fvwl-ft__cookies .fvwl-ft__cookiebtn:hover{ color:var(--fvwl-ink,#1F1F1F) !important; border-bottom-color:var(--fvwl-gold,#CCA569) !important; }
