.mut-mega-menu,.mut-mobile-toggle{box-sizing:border-box}
.mut-mobile-toggle{display:none}

/* Het bestaande WordPress-submenu van Diversen wordt vervangen. */
.mut-mega-target{position:relative!important}
.mut-mega-target>.sub-menu{display:none!important}

.mut-mega-menu{position:absolute;top:calc(100% + 14px);left:50%;width:min(var(--mut-panel-width),92vw);transform:translate(-50%,10px);background:#fff;border:1px solid rgba(6,36,71,.1);border-radius:16px;box-shadow:0 22px 60px rgba(6,36,71,.16);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility .2s ease;z-index:999999}
/* Onzichtbare hoverbrug over de ruimte tussen het menu-item en het paneel. */
.mut-mega-menu:before{content:"";position:absolute;left:0;right:0;top:-18px;height:18px;background:transparent}
.mut-mega-target:hover>.mut-mega-menu,.mut-mega-target:focus-within>.mut-mega-menu,.mut-mega-target.mut-open>.mut-mega-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.mut-mega-target:hover>a,.mut-mega-target:focus-within>a{color:var(--mut-accent)!important}
.mut-mega-inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:28px}
.mut-mega-column{padding:0 28px}
.mut-mega-column+.mut-mega-column{border-left:1px solid #e7ebef}
.mut-mega-column h3{margin:0;color:var(--mut-navy);font-size:20px;line-height:1.25;font-weight:700}
.mut-title-line{display:block;width:42px;height:3px;background:var(--mut-accent);margin:12px 0 14px;border-radius:999px}
.mut-mega-list{display:flex;flex-direction:column}
.mut-mega-item{display:grid!important;grid-template-columns:44px minmax(0,1fr) 18px;gap:14px;align-items:center;padding:17px 2px!important;text-decoration:none!important;border:0!important;border-bottom:1px solid #edf0f3!important;color:var(--mut-navy)!important;background:transparent!important;min-height:0!important;white-space:normal!important}
.mut-mega-item:last-child{border-bottom:0!important}
.mut-mega-item:hover{transform:translateX(3px);color:var(--mut-navy)!important}
.mut-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;color:var(--mut-navy)}
.mut-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mut-copy{display:flex;flex-direction:column;min-width:0;text-align:left}
.mut-copy strong{font-size:16px;line-height:1.25;color:var(--mut-navy)}
.mut-copy small{display:block;font-size:12px;line-height:1.4;color:#64748b;margin-top:3px;font-weight:400}
.mut-arrow{font-size:27px;line-height:1;color:var(--mut-navy)}

@media(max-width:1023px){
 .mut-mega-target{position:relative!important}
 .mut-mobile-toggle{display:block;position:absolute;right:8px;top:8px;width:36px;height:36px;border:0;background:transparent;color:inherit;z-index:3;padding:0}
 .mut-mobile-toggle:before,.mut-mobile-toggle:after{content:"";position:absolute;left:10px;right:10px;top:17px;height:2px;background:currentColor}
 .mut-mobile-toggle:after{transform:rotate(90deg);transition:.2s}
 .mut-mega-target.mut-open>.mut-mobile-toggle:after{transform:rotate(0)}
 .mut-mega-menu{position:static;width:100%;transform:none!important;box-shadow:none;border-radius:10px;margin:8px 0;display:none;opacity:1;visibility:visible;pointer-events:auto}
 .mut-mega-menu:before{display:none}
 .mut-mega-target.mut-open>.mut-mega-menu{display:block}
 .mut-mega-inner{grid-template-columns:1fr;padding:14px}
 .mut-mega-column{padding:10px}
 .mut-mega-column+.mut-mega-column{border-left:0;border-top:1px solid #e7ebef;margin-top:12px;padding-top:22px}
 .mut-mega-item{grid-template-columns:38px minmax(0,1fr) 14px;padding:13px 0!important}
 .mut-icon{width:32px;height:32px}.mut-icon svg{width:25px;height:25px}
}