/* Sticky vormgeving-switcher — gedeeld over alle versies (root + v2..v6) */
.vswitch{
  position:fixed; left:0; right:0; bottom:0; z-index:1000;
  display:flex; align-items:center; gap:14px; justify-content:center; flex-wrap:wrap;
  padding:10px 16px;
  background:rgba(13,17,23,.92);
  -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px);
  border-top:1px solid rgba(255,255,255,.12);
  box-shadow:0 -10px 30px rgba(0,0,0,.28);
  font-family:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;
}
.vswitch__title{
  color:#8fa9a0; font-size:.7rem; text-transform:uppercase; letter-spacing:.16em; font-weight:800;
}
.vswitch__items{ display:flex; gap:8px; flex-wrap:wrap; justify-content:center; }
.vswitch a{
  color:#dbe7e1; text-decoration:none; font-size:.82rem; font-weight:600;
  padding:7px 15px; border-radius:999px; border:1px solid rgba(255,255,255,.16);
  white-space:nowrap; transition:transform .18s, background .2s, color .2s, box-shadow .2s;
}
.vswitch a:hover{ background:rgba(255,255,255,.1); color:#fff; transform:translateY(-2px); }
.vswitch a[aria-current="page"]{
  background:linear-gradient(135deg,#14e29a,#0b8457); color:#04150e; border-color:transparent;
  box-shadow:0 6px 18px rgba(20,226,154,.45);
}
/* ruimte zodat de balk niets afdekt */
body{ padding-bottom:74px !important; }
@media (max-width:560px){
  .vswitch{ gap:8px; padding:8px 10px; }
  .vswitch__title{ display:none; }
  .vswitch a{ font-size:.75rem; padding:6px 11px; }
  body{ padding-bottom:96px !important; }
}
@media (prefers-reduced-motion:reduce){ .vswitch a{ transition:none; } }