/**
 * Active navigation — single top-level primary + readable dropdown states.
 * Source of truth for classes: inc/nav-active.php (+ nav-hash.js for #fragments).
 * DOM: nav.elementor-nav-menu--main > ul.elementor-nav-menu > li > a
 */

/* ---- Top-level defaults ---- */
.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item {
	color: #1d2b2e;
	font-weight: 500;
}

/* One primary top-level active */
.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu > li.current-menu-item > a.elementor-item,
.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu > li.current_page_item > a.elementor-item,
.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu > li.current-menu-ancestor > a.elementor-item,
.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu > li.current-menu-parent > a.elementor-item,
.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu > li.current-page-ancestor > a.elementor-item,
.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu > li.ssa-hash-ancestor > a.elementor-item {
	color: #EE4036 !important;
	font-weight: 700 !important;
}

.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu > li.current-menu-item > a.elementor-item::after,
.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu > li.current_page_item > a.elementor-item::after,
.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu > li.current-menu-ancestor > a.elementor-item::after,
.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu > li.current-menu-parent > a.elementor-item::after,
.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu > li.ssa-hash-ancestor > a.elementor-item::after {
	border-color: #EE4036 !important;
	background-color: #EE4036 !important;
}

/* Hover ≠ active (navy) */
.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item:hover,
.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item:focus {
	color: #262261 !important;
}

.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu > li.current-menu-item > a.elementor-item:hover,
.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu > li.current-menu-item > a.elementor-item:focus,
.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu > li.current-menu-ancestor > a.elementor-item:hover,
.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu > li.current-menu-ancestor > a.elementor-item:focus,
.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu > li.current-menu-parent > a.elementor-item:hover,
.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu > li.current-menu-parent > a.elementor-item:focus,
.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu > li.ssa-hash-ancestor > a.elementor-item:hover,
.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu > li.ssa-hash-ancestor > a.elementor-item:focus {
	color: #EE4036 !important;
}

.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item:focus-visible {
	outline: 2px solid #EE4036;
	outline-offset: 3px;
	border-radius: 4px;
}

/* Neutralize Elementor false actives on top-level */
.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu > li:not(.current-menu-item):not(.current_page_item):not(.current-menu-ancestor):not(.current-menu-parent):not(.current-page-ancestor):not(.ssa-hash-ancestor) > a.elementor-item.elementor-item-active,
.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu > li:not(.current-menu-item):not(.current_page_item):not(.current-menu-ancestor):not(.current-menu-parent):not(.current-page-ancestor):not(.ssa-hash-ancestor) > a.elementor-item-active {
	color: #1d2b2e !important;
	font-weight: 500 !important;
}

/* When hash mode moves primary to About, demote Home visually even if WP left current classes briefly */
.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu > li.ssa-hash-demoted > a.elementor-item {
	color: #1d2b2e !important;
	font-weight: 500 !important;
}

/* ---- Dropdown / flyout: white panel, readable states ---- */
.elementor-location-header .elementor-nav-menu--dropdown,
.elementor-location-header .elementor-nav-menu--dropdown.elementor-nav-menu__container {
	background: #ffffff !important;
	border: 1px solid #e4e8ef !important;
	border-radius: 10px !important;
	box-shadow: 0 10px 28px rgba(38, 34, 97, 0.12) !important;
	overflow: hidden;
}

.elementor-location-header .elementor-nav-menu--dropdown a.elementor-item,
.elementor-location-header .elementor-nav-menu--dropdown a.elementor-sub-item,
.elementor-location-header .elementor-nav-menu--dropdown .elementor-nav-menu a {
	color: #262261 !important;
	background: #ffffff !important;
	font-weight: 500 !important;
	padding-block: 0.7rem !important;
	line-height: 1.45 !important;
	overflow-wrap: anywhere;
}

/* Hover / focus: light red tint + red text (distinct from default) */
.elementor-location-header .elementor-nav-menu--dropdown a.elementor-item:hover,
.elementor-location-header .elementor-nav-menu--dropdown a.elementor-sub-item:hover,
.elementor-location-header .elementor-nav-menu--dropdown a.elementor-item:focus,
.elementor-location-header .elementor-nav-menu--dropdown a.elementor-sub-item:focus,
.elementor-location-header .elementor-nav-menu--dropdown .elementor-nav-menu a:hover,
.elementor-location-header .elementor-nav-menu--dropdown .elementor-nav-menu a:focus {
	color: #EE4036 !important;
	background: rgba(238, 64, 54, 0.08) !important;
}

/* Active child ONLY — never paint all children because parent is ancestor */
.elementor-location-header .elementor-nav-menu--dropdown li.current-menu-item > a,
.elementor-location-header .elementor-nav-menu--dropdown li.current_page_item > a,
.elementor-location-header .elementor-nav-menu--dropdown li.ssa-hash-current > a,
.elementor-location-header .elementor-nav-menu--dropdown a.ssa-hash-current {
	color: #EE4036 !important;
	background: rgba(238, 64, 54, 0.12) !important;
	font-weight: 700 !important;
}

.elementor-location-header .elementor-nav-menu--dropdown li.current-menu-item > a:hover,
.elementor-location-header .elementor-nav-menu--dropdown li.current_page_item > a:hover,
.elementor-location-header .elementor-nav-menu--dropdown li.ssa-hash-current > a:hover {
	color: #EE4036 !important;
	background: rgba(238, 64, 54, 0.16) !important;
}

.elementor-location-header .elementor-nav-menu--dropdown a:focus-visible {
	outline: 2px solid #EE4036;
	outline-offset: -2px;
}

/* Kill Elementor leftover actives on non-current dropdown items */
.elementor-location-header .elementor-nav-menu--dropdown li:not(.current-menu-item):not(.current_page_item):not(.ssa-hash-current) > a.elementor-item-active,
.elementor-location-header .elementor-nav-menu--dropdown li:not(.current-menu-item):not(.current_page_item):not(.ssa-hash-current) > a.elementor-item.elementor-item-active {
	color: #262261 !important;
	background: #ffffff !important;
	font-weight: 500 !important;
}

/* Mobile accordion panel: keep white + readable (no dark gray/low-contrast) */
@media (max-width: 1024px) {
	.elementor-location-header .elementor-nav-menu--dropdown.elementor-nav-menu__container,
	.elementor-location-header .elementor-nav-menu__container.elementor-nav-menu--dropdown {
		background: #ffffff !important;
		max-height: min(70vh, 520px);
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}

	.elementor-location-header .elementor-nav-menu--dropdown > ul > li.current-menu-item > a,
	.elementor-location-header .elementor-nav-menu--dropdown > ul > li.current-menu-ancestor > a,
	.elementor-location-header .elementor-nav-menu--dropdown > ul > li.current-menu-parent > a,
	.elementor-location-header .elementor-nav-menu--dropdown > ul > li.ssa-hash-ancestor > a {
		color: #EE4036 !important;
		font-weight: 700 !important;
		background: #ffffff !important;
	}

	/* Nested children under open ancestor stay default until they themselves are current */
	.elementor-location-header .elementor-nav-menu--dropdown > ul > li.current-menu-ancestor > ul > li:not(.current-menu-item):not(.ssa-hash-current) > a,
	.elementor-location-header .elementor-nav-menu--dropdown > ul > li.current-menu-parent > ul > li:not(.current-menu-item):not(.ssa-hash-current) > a,
	.elementor-location-header .elementor-nav-menu--dropdown > ul > li.ssa-hash-ancestor > ul > li:not(.ssa-hash-current):not(.current-menu-item) > a {
		color: #262261 !important;
		background: #ffffff !important;
		font-weight: 500 !important;
	}
}
