/* ───────────────────────────────────────────────────────────────────────
   Eén bron voor de meeloper-knop naar /melden/.
   Staat los van site.css omdat de oudere subpagina's (beveiliging, privacy,
   waarmerk, verplicht-check, de kennisbank en de plaatspagina's) hun eigen
   stijlblok houden en site.css niet laden. Alle pagina's laden dit bestand
   wél, zodat de knop nergens ongestyled verschijnt en er geen negen kopieën
   ontstaan. Kan opgaan in site.css zodra die pagina's zijn omgezet.
   ─────────────────────────────────────────────────────────────────────── */
/* Meeloper voor de medewerker die een meldpunt zoekt. Staat op elke pagina behalve
   /melden/ zelf, en raakt nooit uit beeld. Bewust NIET in de knopkleur `--btn`: dat is
   de verkoopknop. Donker pine met een bronzen rand leest als een aparte uitgang naast
   de trechter, niet als nóg een aanbieding. Op mobiel schuift hij boven de
   `.mobile-cta`-balk, anders vallen ze over elkaar heen. */
.meld-fab {
  position: fixed; right: 20px; bottom: 20px; z-index: 140;
  display: inline-flex; align-items: center; gap: 9px;
  background: var(--teal3); color: var(--cream) !important; text-decoration: none;
  padding: 12px 18px; border-radius: 40px;
  font-size: var(--fs-card); font-weight: var(--fw-bold);
  border: 1px solid rgba(216, 176, 106, 0.38);
  box-shadow: 0 6px 22px rgba(21, 54, 48, 0.28);
  transition: transform 0.15s, box-shadow 0.2s;
}
.meld-fab:hover { transform: translateY(-2px); box-shadow: 0 10px 28px rgba(21, 54, 48, 0.34); }
.meld-fab svg { flex: none; }
@media (max-width: 720px) { .meld-fab { right: 14px; bottom: 78px; padding: 10px 15px; } }
@media print { .meld-fab { display: none; } }