@media (max-width: 767px) {
  /* Verberg hoofdmenu-items standaard, toon alleen als menu open is */
  .account-menubar .main-menu {
    display: none;
  }
  body.menu-open .account-menubar .main-menu {
    display: flex;
  }
  /* Verberg alle menu-items standaard */
  .account-menubar .main-menu > li {
    display: none;
  }
  body.menu-open .account-menubar .main-menu > li {
    display: block;
  }
  /* Flex voor horizontale menu's indien nodig */
  body.menu-open .account-menubar .main-menu {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  /* Zorg dat submenu's ruimte innemen en andere items naar beneden schuiven */
  .account-menubar .has-dropdown {
    position: relative;
  }
  .account-menubar .dropdown {
    position: static;
    display: block;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: max-height 0.35s cubic-bezier(0.4,0,0.2,1), opacity 0.25s, visibility 0s linear 0.35s;
    margin: 0;
    box-shadow: none;
    border: none;
    background: none;
    padding: 0;
  }
  .account-menubar .has-dropdown.open > .dropdown {
    max-height: 500px; /* ruim genoeg voor alle submenu items */
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
  }
  .account-menubar .dropdown li {
    margin: 0;
  }
  .account-menubar .dropdown a {
    padding: 12px 18px;
    background: #fff;
    border-bottom: 1px solid #ece6f6;
    border-radius: 0;
    color: #222;
    font-size: 1em;
  }
  .account-menubar .dropdown a:last-child {
    border-bottom: none;
  }
}
/* Mobile-only adjustments for the main menu */
@media (max-width: 767px) {
  .menu-container { padding-left: 8px; padding-right: 8px; }
  .account-menubar li { margin-right: 16px; }
}