/*
 * MEC Timing header navigation: dropdown (submenu) styles.
 *
 * Why this file exists: Frost colours its dropdowns with
 *   .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container
 *   { background-color: var(--wp--preset--color--contrast); color: var(--wp--preset--color--base); }
 * theme.json replaces Frost's palette (defaultPalette is off, no "contrast" or "base" slug),
 * so those variables are undefined and the dropdown renders with NO background. Over the
 * dark home page hero the menu text was unreadable.
 *
 * Fixes: (1) theme.json now defines Frost's five slugs (base, contrast, primary, secondary,
 * neutral); (2) functions.php loads this file after Frost's stylesheet; (3) the selectors
 * below add one class so they win regardless of load order.
 */
/* Keep the header (and its open dropdowns) above the hero's positioned layers. */
.site-header {
	position: relative;
	z-index: 100;
}
.site-header .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
	background-color: var(--wp--preset--color--surface-raised, #FFFFFF);
	color: var(--wp--preset--color--ink, #474342);
	border: 1px solid var(--wp--preset--color--border, #DAD7D0);
	border-radius: 8px;
	box-shadow: 0 8px 24px rgba(43, 40, 39, 0.14);
	padding: 8px 0;
	min-width: 220px;
	z-index: 100;
}
.site-header .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	padding: 8px 16px;
	color: var(--wp--preset--color--ink, #474342);
}
.site-header .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,
.site-header .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus-visible {
	background-color: var(--wp--preset--color--surface-alt, #F1F0EB);
	color: var(--wp--preset--color--orange-ink, #B83E18);
}
.site-header .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus-visible {
	outline: 3px solid var(--wp--preset--color--mec-orange, #F36C42);
	outline-offset: -3px;
}

/* Mobile menu overlay: keep submenus flat, not boxed cards. */
.site-header .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
	background-color: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	padding: 0 0 0 16px;
	min-width: 0;
}

/* Home page: the title is removed in functions.php, so the hero sits flush under the header
   (the content block's top margin would otherwise collapse into a 30px gap). */
.home .entry-content.wp-block-post-content {
	margin-block-start: 0 !important;
}