/*
 * AI Workers: styles the plain [menu name="header"] list as the theme's mega
 * menu. ai-agent-store.js adds the theme's Bootstrap navbar classes to the
 * list; these rules cover what a nested <ul> needs that the old fixed <div>
 * markup did not, and keep dropdowns closed until that script has run.
 * Loaded in <head> so the menu never flashes open on first paint.
 */
.aiworkers-site-header .hype-menu__columns,
.aiworkers-site-header .hype-menu__sub {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.aiworkers-site-header .hype-menu:not(.is-enhanced) .hype-menu__columns {
	display: none;
}

.aiworkers-site-header .hype-menu__column {
	padding: 0 .75rem;
	margin-bottom: 1.5rem;
}

.aiworkers-site-header .hype-menu__column:last-child {
	margin-bottom: 0;
}

@media screen and (min-width: 992px) {
	.aiworkers-site-header .hype-menu__columns.dropdown-menu {
		font-size: 0;
	}

	.aiworkers-site-header .hype-menu__column {
		display: inline-block;
		width: 25%;
		margin-bottom: 0;
		vertical-align: top;
		font-size: 1rem;
	}

	.aiworkers-site-header .hype-menu__columns[data-columns="1"] > .hype-menu__column { width: 100%; }
	.aiworkers-site-header .hype-menu__columns[data-columns="2"] > .hype-menu__column { width: 50%; }
	.aiworkers-site-header .hype-menu__columns[data-columns="3"] > .hype-menu__column { width: 33.333%; }
}