/* Basis-CSS voor alle paginas: cookie-tab, WhatsApp-knop, compacte cookiebanner op mobiel en koppen op mobiel */

/* ---------- Cookie-tab ---------- */
#open_preferences_center {
  position: fixed; bottom: 0; left: 20px; z-index: 9998;
  font-size: 14px; line-height: 1; padding: 13px 20px 12px;
  border-radius: 10px 10px 0 0;
  background: #fff; color: #222; text-decoration: none;
  box-shadow: 0 -1px 6px rgba(0,0,0,.18);
}
#open_preferences_center:hover { color: #000; background: #f4f4f4; }

/* ---------- WhatsApp-knop boven de scroll-naar-boven knop ---------- */
.chatwith { bottom: 76px !important; }

/* ---------- Compacte cookiebanner op mobiel ---------- */
@media (max-width: 767px) {
  #termsfeed-com---nb.termsfeed-com---nb { left: 0 !important; right: 0 !important; width: 100% !important; bottom: 0 !important; max-width: none !important; border-radius: 10px 10px 0 0 !important; box-shadow: 0 -2px 12px rgba(0,0,0,.22) !important; }
  #termsfeed-com---nb .cc-nb-main-container { padding: 12px 14px !important; width: 100% !important; box-sizing: border-box; }
  #termsfeed-com---nb .cc-nb-title { display: none !important; }
  #termsfeed-com---nb .cc-nb-text { font-size: 12.5px !important; line-height: 1.35 !important; margin: 0 0 8px !important; width: 100% !important; text-align: center; }
  #termsfeed-com---nb .cc-nb-buttons-container { display: flex !important; gap: 6px; width: 100% !important; }
  #termsfeed-com---nb .cc-nb-buttons-container button { flex: 1 1 0; width: auto !important; margin: 0 !important; padding: 9px 4px !important; font-size: 12.5px !important; }
}

/* ---------- Koppen op mobiel ---------- */
@media (max-width: 767px) {
  h1 { font-size: 36px !important; }
  h2 { font-size: 32px !important; }
  h1, h2, h3 { line-height: 1.25 !important; }
}