/* ===== BASIS: ALLE SUBMENU'S STANDAARD DICHT ===== */
.wp-block-navigation__submenu-container {
  display: none !important;
  background: #fff !important;
  color: #000 !important;
}
.wp-block-navigation__submenu-container a {
  color: #000 !important;
}

/* ===== MOBIEL: open alleen bij klik (aria-expanded true) ===== */
.wp-block-navigation__submenu-icon[aria-expanded="true"] + .wp-block-navigation__submenu-container,
.wp-block-navigation__submenu-icon[aria-expanded="true"] ~ .wp-block-navigation__submenu-container,
a[aria-expanded="true"] + .wp-block-navigation__submenu-container,
a[aria-expanded="true"] ~ .wp-block-navigation__submenu-container {
  display: block !important;
}

/* ===== DESKTOP: open alleen bij hover ===== */
@media (min-width: 769px) {
  .wp-block-navigation-item.has-child:hover > .wp-block-navigation__submenu-container {
    display: block !important;
  }
}

/* ===== FORCEER SPECIFIEK MENU OPEN ===== */
.wp-block-navigation-item.submenu-open > .wp-block-navigation__submenu-container {
  display: block !important;
}


/* ===== Alleen mobiel: ruimte tussen hoofdmenu-items aanpassen ===== */
@media (max-width: 768px) {
  /* Hoofdmenu-items in hamburger */
  .wp-block-navigation__responsive-container > .wp-block-navigation__container > li {
     /* haalt extra witruimte weg */
  }

 .wp-block-navigation__container > li > a {
    padding-top: -5px !important;   /* pas dit aan naar wens */
    padding-bottom: -5px !important;
    line-height: 0.85 !important;
		margin: -1 !important;
  }

  /* Submenu-items compacter */
  .wp-block-navigation__submenu-container li a {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    line-height: 0.7 !important;
  }
}