/*
 * S2B_DESKTOP_NAV_BLOCK_SPLIT_FINAL_20260825
 *
 * Gebaseerd op werkelijk bewezen Drupal DOM:
 *
 * .region-nav-main
 *   #block-b5subtheme-main-navigation
 *   #block-b5subtheme-account-menu
 *   #block-b5subtheme-mainnavigationmobile
 *   #block-gtranslate-wrapper-header
 *   #block-b5subtheme-gtranslate
 *
 * Geen menu-items of rechten worden aangepast.
 */

/* Alleen desktop. */
@media (min-width: 992px) {

  #navbarSupportedContent {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  #navbarSupportedContent .region-nav-main {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;

    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  /*
   * Linkermenu krijgt alle vrije ruimte.
   * Daardoor blijft de inhoud links staan terwijl het
   * accountmenu daadwerkelijk naar rechts wordt gedrukt.
   */
  #block-b5subtheme-main-navigation {
    display: block !important;

    flex: 1 1 0 !important;
    min-width: 0 !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  /*
   * Accountmenu blijft compact en staat rechts.
   */
  #block-b5subtheme-account-menu {
    display: block !important;

    flex: 0 0 auto !important;

    width: auto !important;

    margin-left: auto !important;
    margin-right: 0 !important;
    padding: 0 !important;
  }

  /*
   * Taalvlaggen sluiten direct achter het accountmenu aan.
   */
  #block-b5subtheme-gtranslate {
    display: block !important;

    flex: 0 0 auto !important;

    width: auto !important;

    margin-left: 8px !important;
    margin-right: 0 !important;
  }

  /*
   * De aparte mobiele navigatie hoort op desktop niet
   * mee te doen aan de layout.
   */
  #block-b5subtheme-mainnavigationmobile {
    display: none !important;
  }

  /*
   * Lege/helper-wrapper mag geen horizontale ruimte opeisen.
   */
  #block-gtranslate-wrapper-header {
    flex: 0 0 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  /*
   * Horizontale lijsten.
   */
  #block-b5subtheme-main-navigation .navbar-nav,
  #block-b5subtheme-account-menu .navbar-nav {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    gap: 4px !important;
  }

  /*
   * Iets compactere horizontale padding.
   * Dit maakt bij circa 1200 px schermbreedte zichtbaar
   * ruimte vrij tussen linker- en rechtergroep.
   */
  #block-b5subtheme-main-navigation .nav-link,
  #block-b5subtheme-account-menu .nav-link {
    padding-left: 0.35rem !important;
    padding-right: 0.35rem !important;
    white-space: nowrap !important;
  }
}


/*
 * Mobiel: bestaande Bootstrap/Drupal-layout blijft leidend.
 * Alleen de desktopregels hierboven zijn actief vanaf 992px.
 */
@media (max-width: 991.98px) {

  #block-b5subtheme-main-navigation,
  #block-b5subtheme-account-menu,
  #block-b5subtheme-gtranslate {
    margin-left: 0;
    margin-right: 0;
  }
}

/* S2B_DESKTOP_NAV_BLOCK_SPLIT_FINAL_20260825_END */