.block-blog-submenu {
	position: fixed;
	left: 0;
	right: 0;
	z-index: 99;
}
.block-blog-submenu:before {
	content: '';
	position: absolute;
	bottom: 100%;
	left: 0;
	right: 0;
	height: calc(var(--wp-admin--admin-bar--height, 0px) + 80px);
	background: var(--wp--preset--color--primary);
	z-index: -1;
}
.block-blog-submenu a:hover,
.block-blog-submenu .wp-block-navigation-item__content.is-active {
	text-decoration: underline;
}

@media (max-width: 600px) {
	.block-blog-submenu nav.wp-block-navigation {
		align-items: flex-start;
	}
	.block-blog-submenu nav.wp-block-navigation ul {
		max-height: 24px;
		overflow: hidden;
		transition: .25s ease-in-out;
	}
	.block-blog-submenu nav.wp-block-navigation svg {
		transition: .25s ease-in-out;
	}
	.block-blog-submenu .mobile-menu-toggle {
		align-self: flex-end;
	}
	.block-blog-submenu nav.wp-block-navigation.is-open ul {
		max-height: 100vh;
	}
	.block-blog-submenu nav.wp-block-navigation.is-open svg {
		transform: scaleY(-1);
	}
	.block-blog-submenu ul {
		flex-direction: column;
		align-items: flex-start;
	}
	.block-blog-submenu nav.wp-block-navigation:not(.is-open) .wp-block-navigation-item:not(:has(.is-active)) {
		display: none;
	}
}