/**
 * Navigation Extension Blocks CSS
 * @since 1.13.0
 * 
 * Contains general block styles. Is enqueued in the front- & backend.
 * This file does not get processed and is loaded *after* editor styles so it
 * will take precedence over editor-specific styles using the same selectors.
 */


/*    core/navigation
__________________________________
*/

.wp-block-navigation .wp-block-navigation-item__label {
    white-space: nowrap !important;
}
/* show/toggle submenus */
.wp-block-navigation.submenus-show .wp-block-navigation__container,
.wp-block-navigation.submenus-toggle .wp-block-navigation__container {
    align-items: start;
}
.wp-block-navigation.submenus-show .wp-block-navigation-submenu {
    flex-direction: column;
    align-items: start;
}
.wp-block-navigation.submenus-toggle .wp-block-navigation-submenu {
    align-items: start;
    width: min-content;
    flex-wrap: wrap;
}
.wp-block-navigation.submenus-show .wp-block-navigation__submenu-container,
.wp-block-navigation.submenus-toggle .wp-block-navigation__submenu-container {
    position: relative;
    flex-basis: 100%;
}
.wp-block-navigation.submenus-show .wp-block-navigation__submenu-container {
    opacity: 1;
    visibility: visible;
    height: auto;
    width: auto;
    min-width: 200px;
    overflow: visible;
}
.wp-block-navigation.submenus-show .wp-block-navigation__submenu-container .wp-block-navigation-item,
.wp-block-navigation.submenus-toggle .wp-block-navigation__submenu-container .wp-block-navigation-item {
    width: 100%;
}
.wp-block-navigation.submenus-toggle .wp-block-navigation-submenu > .wp-block-navigation-item__content {
    max-width: 100%;
}
.wp-block-navigation.submenus-toggle .wp-block-navigation__submenu-icon {
    margin-right: calc(-.6em - .25em);
}

/* hide submenus */
.wp-block-navigation.submenus-hide .wp-block-navigation__submenu-container {
    display: none;
}

/* fix alignment of core Overlay Menu 'burger' button */
.wp-block-navigation.items-justified-center:not(.is-layout-flex),
.wp-block-navigation.items-justified-right:not(.is-layout-flex) {
    display: flex;
}
