/**
 * Masonic Regalia — header/nav “top layer” after WP + WooCommerce core CSS.
 * Core block + Woo styles load in wp_head() after theme link tags; without this,
 * list/flex resets can win for a frame and the menu looks broken until the full theme CSS wins.
 */

#menu-area ul.navbar-nav,
#menu-area ul.navbar-nav > li.nav-item,
#top-bar .top-bar-right > ul,
#top-bar .top-bar-right > ul > li {
	list-style: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#menu-area ul.navbar-nav {
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
}

#menu-area .navbar .navbar-collapse {
	flex-grow: 1;
}

#menu-area .nav-item .dropdown-menu {
	display: block;
	transform: translate3d(0, 10px, 0);
	visibility: hidden;
	opacity: 0;
	max-height: 0;
	padding: 0;
	margin: 0;
	transition: opacity 0.2s linear, visibility 0.2s linear, max-height 0.2s linear, transform 0.2s linear;
}

#menu-area .nav-item.show .dropdown-menu {
	opacity: 1;
	visibility: visible;
	max-height: 999px;
	transform: translate3d(0, 0, 0);
}