// core/navigation-submenu
// @version  1.1.6

@import '../_tools/_index';
@import '../_setup/_index';

//
// IMPORTANT:
//
// Actually, styling Navigation blocks separately is a bit tricky,
// as WordPress puts all the related blocks styles into a single
// `wp-includes/blocks/navigation/style.css` file (as of 20230517).
//
// And the partial Navigation Submenu and Navigation Item blocks
// are being loaded before, so we need to use higher CSS specificity
// in this file to override WordPress styles (that are loaded later).
//
// Alternatively, we could create a single Navigation block stylesheet,
// but that wouldn't be very optimization friendly. While this split
// approach works, use it.
//
// ---
//
// The CSS selector specificity in this file is tragic, but needed
// to override WordPress native navigation block styles.
//

@import '_navigation-submenu-toggle';
@import '_navigation-submenu';
@import '_navigation-megamenu';

//
// Editor.
//

	.editor-styles-wrapper {

		.wp-block-navigation-item {

			&#{$selector} {
				font-size: 1em;
			}
		}
	}
