/* Wegboete hoofdmenu: voertuigengids, desktop megamenu en mobiel submenu. */
.site-header .wb-vehicle-nav{position:relative;display:flex;align-items:center;gap:1px;flex:0 0 auto}
.site-header .wb-vehicle-nav-parent{color:#203c5e;font-size:14px;font-weight:700;white-space:nowrap;text-decoration:none}
.site-header .wb-vehicle-nav-parent:hover,.site-header .wb-vehicle-nav-parent:focus-visible{color:#2c5ea8}
.site-header .wb-vehicle-nav-toggle{border:0;background:transparent;display:inline-grid;place-items:center;width:27px;height:30px;padding:5px;border-radius:7px;color:#203c5e;cursor:pointer}
.site-header .wb-vehicle-nav-toggle:hover,.site-header .wb-vehicle-nav-toggle:focus-visible{background:#edf3f8;color:#2c5ea8}
.site-header .wb-vehicle-nav-toggle svg{transition:transform .15s ease}
.site-header .wb-vehicle-nav.is-open .wb-vehicle-nav-toggle svg{transform:rotate(180deg)}
.site-header .wb-vehicle-submenu{display:none;position:absolute;z-index:150;top:100%;right:-195px;width:min(800px,calc(100vw - 38px));padding-top:17px}
.site-header .wb-vehicle-nav.is-open .wb-vehicle-submenu{display:block}
.site-header .wb-vehicle-submenu-inner{background:#fff;color:#173a63;border:1px solid #dfe7ef;border-top:3px solid #d6b24c;border-radius:11px;box-shadow:0 19px 45px rgba(14,43,76,.17);padding:23px}
.site-header .wb-vehicle-submenu-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 0 15px;margin-bottom:14px;border-bottom:1px solid #e8edf2}
.site-header .wb-vehicle-submenu-header strong{font-size:16px;font-weight:800;color:#173a63}
.site-header .wb-vehicle-submenu-header a{font-size:12px;color:#2c5ea8;font-weight:750;text-decoration:none;white-space:nowrap}
.site-header .wb-vehicle-submenu-header a:hover{text-decoration:underline}
.site-header .wb-vehicle-submenu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.site-header .wb-vehicle-group-title{color:#93711d;font-size:11px;font-weight:800;letter-spacing:.045em;text-transform:uppercase;margin:0 0 9px}
.site-header .wb-vehicle-submenu-col a{display:block;padding:9px 10px;margin:2px -10px;border-radius:7px;color:#263d58;font-size:13px;line-height:1.4;font-weight:650;text-decoration:none}
.site-header .wb-vehicle-submenu-col a:hover,.site-header .wb-vehicle-submenu-col a:focus-visible{background:#f0f5fa;color:#245ea4}
@media(min-width:1241px) and (max-width:1350px){
  .site-header .main-nav{gap:11px}
  .site-header .main-nav>a:not(.nav-cta),.site-header .wb-vehicle-nav-parent{font-size:12px}
  .site-header .wb-vehicle-submenu{right:-145px}
}
@media(max-width:1240px){
  .site-header .nav-inner{height:76px}
  .site-header .menu-toggle{display:block}
  .site-header .main-nav{display:none;position:absolute;left:0;right:0;top:76px;z-index:140;background:#fff;box-shadow:0 17px 30px rgba(14,43,76,.12);padding:18px 28px;flex-direction:column;align-items:stretch;gap:9px;max-height:calc(100vh - 80px);max-height:calc(100dvh - 80px);overflow-y:auto}
  .site-header .main-nav.is-open{display:flex}
  .site-header .main-nav>a:not(.nav-cta){font-size:15px;padding:8px 0}
  .site-header .wb-vehicle-nav{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:5px;width:100%}
  .site-header .wb-vehicle-nav-parent{font-size:15px;white-space:normal;padding:8px 0}
  .site-header .wb-vehicle-nav-toggle{background:#edf3f8;width:38px;height:38px}
  .site-header .wb-vehicle-submenu{position:static;right:auto;top:auto;grid-column:1/-1;width:100%;padding:0}
  .site-header .wb-vehicle-submenu-inner{padding:17px;border-radius:9px;box-shadow:none;background:#f8fafc;border:1px solid #dfe7ef}
  .site-header .wb-vehicle-submenu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .site-header .wb-vehicle-submenu-header{align-items:flex-start}
  .site-header .main-nav .nav-cta{align-self:stretch;justify-content:space-between;margin-top:6px}
}
@media(max-width:650px){
  .site-header .main-nav{padding:16px 20px}
  .site-header .wb-vehicle-submenu-header{flex-direction:column;gap:8px}
  .site-header .wb-vehicle-submenu-grid{grid-template-columns:1fr;gap:14px}
  .site-header .wb-vehicle-submenu-col a{padding:9px 10px}
}
@media(prefers-reduced-motion:reduce){.site-header .wb-vehicle-nav-toggle svg{transition:none}}