/*
 * Final navigation polish: unique semantic icons, clean active states and refined submenu chevrons.
 */

/* Remove inconsistent underline/bottom-border treatments inherited from older header styles. */
.primary-menu > li > a,
.primary-navigation > ul > li > a {
	border-bottom: 0 !important;
	box-shadow: none !important;
	text-decoration: none !important;
}

.primary-menu > li > a::before,
.primary-menu > li > a::after,
.primary-navigation > ul > li > a::before,
.primary-navigation > ul > li > a::after,
.primary-menu > li.current-menu-item > a::before,
.primary-menu > li.current-menu-item > a::after,
.primary-menu > li.current-menu-ancestor > a::before,
.primary-menu > li.current-menu-ancestor > a::after {
	display: none !important;
	width: 0 !important;
	height: 0 !important;
	border: 0 !important;
	background: transparent !important;
	content: none !important;
}

/* Refined chevron: hide the legacy text glyph and draw a crisp two-stroke arrow. */
.msf-menu-link__chevron {
	position: relative;
	display: inline-grid;
	width: 24px;
	height: 24px;
	flex: 0 0 auto;
	place-items: center;
	margin-left: 0.15rem;
	border-radius: 50%;
	background: rgba(210, 150, 14, 0.09);
	color: transparent !important;
	font-size: 0 !important;
	line-height: 0;
	transition: background-color var(--msf-transition), transform var(--msf-transition), box-shadow var(--msf-transition);
}

.msf-menu-link__chevron::before,
.msf-menu-link__chevron::after {
	position: absolute;
	top: 10px;
	width: 7px;
	height: 2px;
	border-radius: 999px;
	background: var(--msf-gold-dark);
	content: "";
	transition: transform var(--msf-transition), background-color var(--msf-transition);
}

.msf-menu-link__chevron::before {
	left: 6px;
	transform: rotate(42deg);
	transform-origin: right center;
}

.msf-menu-link__chevron::after {
	right: 6px;
	transform: rotate(-42deg);
	transform-origin: left center;
}

.menu-item-has-children:hover > a .msf-menu-link__chevron,
.menu-item-has-children:focus-within > a .msf-menu-link__chevron,
.menu-item-has-children.is-submenu-open > a .msf-menu-link__chevron {
	background: var(--msf-green);
	box-shadow: 0 6px 14px rgba(137, 184, 43, 0.18);
	transform: rotate(180deg);
}

.menu-item-has-children:hover > a .msf-menu-link__chevron::before,
.menu-item-has-children:hover > a .msf-menu-link__chevron::after,
.menu-item-has-children:focus-within > a .msf-menu-link__chevron::before,
.menu-item-has-children:focus-within > a .msf-menu-link__chevron::after,
.menu-item-has-children.is-submenu-open > a .msf-menu-link__chevron::before,
.menu-item-has-children.is-submenu-open > a .msf-menu-link__chevron::after {
	background: var(--msf-navy);
}

/* Give common semantic icons their own recognizable background treatment. */
.primary-menu > li > a .msf-menu-link__icon {
	background: #eef6e2;
	color: #5e8618;
}

.primary-menu > li:nth-child(2) > a .msf-menu-link__icon {
	background: #fff0d8;
	color: #b87400;
}

.primary-menu > li:nth-child(3) > a .msf-menu-link__icon {
	background: #e5eef3;
	color: #234e6b;
}

.primary-menu > li:nth-child(4) > a .msf-menu-link__icon {
	background: #e9f3df;
	color: #437713;
}

.primary-menu > li:nth-child(5) > a .msf-menu-link__icon {
	background: #fcebd8;
	color: #c45b12;
}

.primary-menu > li:nth-child(6) > a .msf-menu-link__icon {
	background: #e3edf4;
	color: #173e5a;
}

.primary-menu > li:nth-child(7) > a .msf-menu-link__icon {
	background: #edf5df;
	color: #6b951f;
}

.primary-menu > li:nth-child(8) > a .msf-menu-link__icon {
	background: #fff1d8;
	color: #a86d00;
}

.primary-menu > li:nth-child(9) > a .msf-menu-link__icon {
	background: #e5eef3;
	color: #234e6b;
}

@media (min-width: 1025px) {
	.primary-menu > li > a,
	.primary-navigation > ul > li > a {
		position: relative;
		border-radius: 12px;
		transition: background-color var(--msf-transition), color var(--msf-transition), transform var(--msf-transition);
	}

	.primary-menu > li > a:hover,
	.primary-menu > li > a:focus-visible,
	.primary-menu > li.current-menu-item > a,
	.primary-menu > li.current-menu-ancestor > a {
		background: linear-gradient(135deg, rgba(137, 184, 43, 0.08), rgba(255, 255, 255, 0.94));
		color: var(--msf-navy);
		transform: translateY(-1px);
	}

	.primary-menu > li > a:hover .msf-menu-link__icon,
	.primary-menu > li > a:focus-visible .msf-menu-link__icon,
	.primary-menu > li.current-menu-item > a .msf-menu-link__icon,
	.primary-menu > li.current-menu-ancestor > a .msf-menu-link__icon {
		background: var(--msf-green);
		color: var(--msf-navy);
	}
}

@media (max-width: 1024px) {
	.msf-menu-link__chevron {
		width: 28px;
		height: 28px;
	}

	.msf-menu-link__chevron::before,
	.msf-menu-link__chevron::after {
		top: 12px;
		width: 8px;
	}

	.msf-menu-link__chevron::before {
		left: 6px;
	}

	.msf-menu-link__chevron::after {
		right: 6px;
	}
}
