/* Aanvullingen op de Webflow-stylesheet: navigatie en megamenu */

/* Topbalk */
.navbar_button-wrapper .new-button.b_navbar{background-color:var(--blue);border-radius:100px;padding:12px 26px;font-weight:600;transition:background-color .2s}
.navbar_button-wrapper .new-button.b_navbar:hover{background-color:var(--light-blue);background-image:none}
.nav-link-block .text-style-small{opacity:.55}
.w-dropdown-toggle .icon-2{transition:transform .2s ease-out}
.w-dropdown-toggle.w--open .icon-2{transform:rotate(180deg)}
.nav-dropdown:has(.w--current) .nav-link-block.dropdown{border-bottom-color:var(--blue)}
.nav-menu-phone{display:none}

/* Megamenu (desktop) */
@media screen and (min-width:992px){
.nav-dropdown-list-wrapper{box-shadow:0 24px 60px rgba(0,0,0,.5);overflow:hidden}
.nav-dropdown-menu-left{padding-bottom:20px}
.navbar-dropdown-menu-title,.navbar-dropdown-menu-title.right{position:static;width:auto;text-align:left;padding:24px 28px 12px;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.5)}
.nav-dropdown-menu-grid{margin-left:0;padding:0 28px;grid-template-rows:auto;gap:0 40px}
.nav-dropdown-linkblock{position:relative;min-height:0;padding:20px 0 24px;border:0;border-top:1px solid rgba(255,255,255,.1);border-radius:0;background:none;box-shadow:none;transition:border-color .25s}
.nav-dropdown-linkblock:hover{border:0;border-top:1px solid rgba(255,255,255,.55);background:none;box-shadow:none}
.nav-dropdown-menu-grid .nav-dropdown-linkblock{position:relative}
.nav-dropdown-linkblock.soon,.nav-dropdown-linkblock.soon:hover{cursor:default;border:0;border-top:1px solid rgba(255,255,255,.1);background:none;box-shadow:none;color:inherit}
.nav-dropdown-linkblock .spacer-small{padding-top:4px}
.nav-dropdown-link{font-size:21px;letter-spacing:-.3px;line-height:1.2;transition:color .2s}
.nav-dropdown-linkblock:not(.soon):hover .nav-dropdown-link{color:var(--light-blue)}
.nav-dropdown-text{margin:0;max-width:34ch;font-size:14px;line-height:1.5;color:rgba(255,255,255,.55)}
.nav-dropdown-menu-right{padding-right:0;padding-bottom:20px}
.div-block-36{justify-content:flex-start;height:auto;padding:4px 28px 0}
.div-block-36 .spacer-medium{display:none}
.nav-dropdown-link.underline{font-size:18px;padding:8px 0;opacity:.85}
.nav-dropdown-link.underline:hover{text-decoration:none;opacity:1;color:var(--light-blue)}
.nav-feature{display:flex;flex-direction:column;gap:6px;margin:auto 28px 0;padding:20px 22px;border-radius:2px;background-color:var(--blue);color:var(--white);text-decoration:none;transition:background-color .2s}
.nav-feature:hover{background-color:var(--light-blue)}
.nav-feature-eyebrow{display:none}
.nav-feature-title{font-size:18px;font-weight:600;line-height:1.3}
.nav-feature-link{font-size:14px;color:var(--white);text-decoration:underline;text-underline-offset:3px}
}

/* Coming soon-label: rustige tekst rechtsboven, geen badge */
.navbar-dropdown-link-coming-soon{position:absolute;top:24px;right:0;margin:0;transform:none;padding:0;border:0;border-radius:0;background:none;font-size:13px;line-height:1.4;color:rgba(255,255,255,.4)}
.nav-dropdown-linkblock.soon .nav-dropdown-link{color:rgba(255,255,255,.5)}
.nav-dropdown-linkblock.soon .nav-dropdown-text{color:rgba(255,255,255,.38)}

/* Mobiel */
@media screen and (max-width:991px){
.navbar_button-wrapper .new-button.b_navbar{display:block;padding:10px 18px;font-size:14px;margin-left:12px}
.nav-feature{display:none}
.navbar-dropdown-link-coming-soon{position:static;display:inline-block;margin:0 0 4px 12px;font-size:12px}
.nav-menu---button-wrapper{padding-bottom:12vh;text-align:center}
.nav-menu-phone{display:inline-block;color:var(--white);opacity:.75;text-decoration:none;font-size:15px}
}
@media screen and (max-width:767px){
.navbar-contact-phone-wrapper{display:none}
.navbar_button-wrapper .new-button.b_navbar{padding:9px 14px;margin-left:0;margin-right:4px}
}