/*------------------------------------*\
	UberMenu - BMS
	Sitewide header menu styles. Loaded by nb_enqueue_ubermenu_assets()
	when the UberMenu Navigation location is assigned.
\*------------------------------------*/

/* Visibility helpers toggled by assets/js/ubermenu.js on sub-indicators
   and the generated .submenu-toggle buttons. */

.fx-hidden-mobile {
	display: none;
}

.fx-hidden-desktop {
	display: block;
}

@media (min-width: 1200px) {
	.fx-hidden-desktop {
		display: none;
	}

	.fx-hidden-mobile {
		display: block;
	}
}

.ubermenu .ubermenu-item.custom-button-li > .ubermenu-target.btn {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-width: 100px;
	padding: 8px 20px !important;
	font-size: 16px;
	font-weight: 700 !important;
	line-height: 140%;
	text-transform: uppercase;
	text-shadow: none;
	border-radius: 6px;
	background-image: none;
}

.ubermenu .ubermenu-item.custom-button-li > .ubermenu-target.btn img {
	width: 18px;
	height: auto;
}

.ubermenu .ubermenu-item.custom-button-li > .ubermenu-target.btn-primary {
	color: #fff;
	background: #0C7052;
	border: none;
}

.ubermenu .ubermenu-item.custom-button-li > .ubermenu-target.btn-primary:hover,
.ubermenu .ubermenu-item.custom-button-li > .ubermenu-target.btn-primary:focus {
	color: #fff !important;
	background: #09563f !important;
}

.ubermenu .ubermenu-item.custom-button-li > .ubermenu-target.btn-transparent {
	color: #0C7052;
	background: transparent;
	border: 1px solid #0C7052;
}

.ubermenu .ubermenu-item.custom-button-li > .ubermenu-target.btn-transparent:hover,
.ubermenu .ubermenu-item.custom-button-li > .ubermenu-target.btn-transparent:focus {
	color: #0C7052 !important;
	background: #e6e6e6 !important;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.ubermenu .ubermenu-item.custom-button-li > .ubermenu-target.btn {
		padding: 8px !important;
	}
}

@media (max-width: 1199px) {
	.ubermenu .ubermenu-item.custom-button-li {
		margin-top: 20px;
		text-align: center;
	}
}

/*------------------------------------*\
	Top Level Nav
	Mirrors .main-nav in scss/layout/_header.scss so the UberMenu bar
	matches the original menu. Desktop starts at 1200px because the
	configuration is set to ubermenu-responsive-1199.
\*------------------------------------*/

.header .ubermenu.ubermenu-main {
	background: none;
	border: none;
	box-shadow: none;
}

.header .ubermenu .ubermenu-nav {
	margin: 0;
	padding-left: 0;
	text-align: right;
	font-family: 'Poppins', 'Helvetica', sans-serif;
}

@media (min-width: 1200px) {
	.header .ubermenu .ubermenu-nav {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		position: relative;
	}

	.header .ubermenu .ubermenu-nav > .ubermenu-item-level-0 {
		flex: 0 0 auto;
		height: 90px;
		margin: 0 12px;
		padding-top: 25px;
		padding-bottom: 25px;
		line-height: 36px;
		border: none;
	}

	.header .ubermenu .ubermenu-nav > .ubermenu-item-level-0:last-child {
		margin-right: 0;
	}

	.header .ubermenu .ubermenu-item.custom-button-li > .ubermenu-target.btn {
		white-space: nowrap;
	}

	.header .ubermenu .ubermenu-nav > .ubermenu-item-level-0 > .ubermenu-target:not(.btn) {
		display: block;
		padding: 0 0.25em !important;
		font-size: 18px;
		font-weight: 400;
		line-height: inherit;
		color: #000;
		text-transform: none;
		text-shadow: none;
		white-space: nowrap;
		background: none;
		border: none;
		transition: all 0.2s ease;
	}

	.header .ubermenu .ubermenu-nav > .ubermenu-item-level-0 > .ubermenu-target:not(.btn) .ubermenu-target-title {
		font-size: inherit;
		font-weight: inherit;
	}

	.header .ubermenu .ubermenu-nav > .ubermenu-item-level-0:hover > .ubermenu-target:not(.btn),
	.header .ubermenu .ubermenu-nav > .ubermenu-item-level-0.ubermenu-active > .ubermenu-target:not(.btn) {
		color: #0C7052 !important;
		background: none !important;
	}

	/* Core CSS pins the indicator to right:10px and reserves padding-right:25px
	   on the target. The target padding is overridden above to match the
	   original menu, so the arrow is returned to the text flow instead. */
	.header .ubermenu.ubermenu-sub-indicators .ubermenu-nav > .ubermenu-item-level-0 > .ubermenu-target > .ubermenu-sub-indicator {
		position: static;
		display: inline-block;
		margin: 0 0 0 8px;
		font-size: 12px;
		line-height: inherit;
		vertical-align: middle;
		color: inherit;
		transform: none;
	}
}

@media (min-width: 1200px) and (max-width: 1366px) {
	.header .ubermenu .ubermenu-nav > .ubermenu-item-level-0 {
		margin: 0 6px;
	}

	.header .ubermenu .ubermenu-nav > .ubermenu-item-level-0 > .ubermenu-target:not(.btn) {
		font-size: 16px;
	}

	.header .ubermenu .ubermenu-item.custom-button-li > .ubermenu-target.btn {
		min-width: 0;
		padding: 8px 14px !important;
		font-size: 14px;
	}
}

/*------------------------------------*\
	Mega Menu
	Tabs block, submenu columns and CTA panel, desktop and mobile.

	Desktop: the tab content panel is a flex row where Column items are fixed
	width and the CTA takes the remainder, so a tab with two columns, one
	column or none all resolve from one rule with no per-tab configuration.

	Mobile: the same markup renders as a nested accordion. Column items
	collapse to full width so the desktop columns read as a single list.

	Column items carry .ubermenu-item-type-column automatically. The CTA menu
	item needs the class mm-cta-col; the mobile-only copy needs mm-cta-mobile.
\*------------------------------------*/

.mm-cta {
	position: relative;
	display: flex;
	align-items: center;
	flex: 1 1 auto;
	width: 100%;
	height: 100%;
	padding: 25px;
	overflow: hidden;
	background-color: #21409A;
}

.mm-cta__media {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
}

.mm-cta__media::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(33, 64, 154, 0.9);
}

.mm-cta__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mm-cta__inner {
	position: relative;
	z-index: 1;
	width: 100%;
}

.mm-cta__heading {
	margin: 0 0 8px;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.2;
	color: #fff;
}

.mm-cta__text {
	margin: 0 0 18px;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.5;
	color: #fff;
}

.mm-cta__btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-width: 100px;
	padding: 8px 20px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.4;
	text-transform: uppercase;
	text-decoration: none;
	color: #0C7052;
	background: #fff;
	border-radius: 8px;
	transition: all 0.2s ease;
}

.header .ubermenu .mm-cta-col,
.header .ubermenu .mm-cta-mobile {
	padding: 0;
	background: none;
}

.header .ubermenu .mm-cta-col > .ubermenu-custom-content,
.header .ubermenu .mm-cta-mobile > .ubermenu-custom-content {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	width: 100%;
	height: 100%;
	padding: 0;
}

/* Tabs whose panel is only the CTA — hide every caret / toggle indicator. */
.header .ubermenu .ubermenu-tab.ubermenu-item-has-children:not(:has(.ubermenu-item-type-column)) > .ubermenu-target > .ubermenu-sub-indicator,
.header .ubermenu .ubermenu-tab.ubermenu-item-has-children:not(:has(.ubermenu-item-type-column)) > .submenu-toggle,
.header .ubermenu .ubermenu-tab:has(> .ubermenu-tab-content-panel > .mm-cta-col:only-child) > .ubermenu-target > .ubermenu-sub-indicator,
.header .ubermenu .ubermenu-tab:has(> .ubermenu-tab-content-panel > .mm-cta-col:only-child) > .submenu-toggle {
	display: none !important;
}

@media (min-width: 1200px) {
	/* Shift transitions leave top:auto, which anchors the panel to the link
	   rather than the bottom of the bar, clearing the item's lower padding. */
	.header .ubermenu .ubermenu-submenu.ubermenu-submenu-type-mega {
		top: 100%;
		padding: 0;
		border: none;
		border-radius: 0 0 10px 10px;
		overflow: hidden;
		background: #fff;
		box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.10);
	}

	/* Purely decorative, and UberMenu exposes no markup hook inside the
	   submenu, so the wave is painted instead of output as an <img>. */
	.header .ubermenu .ubermenu-submenu.ubermenu-submenu-type-mega::after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 0;
		width: 790px;
		height: 103px;
		pointer-events: none;
		background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='790'%20height='103'%20viewBox='0%200%20790%20103'%20fill='none'%3E%3Cpath%20opacity='.5'%20fill='%23EEF5F3'%20d='M790%200V103H0V40.8547C0.188095%2040.8077%200.376191%2040.7138%200.564286%2040.6668C0.846429%2040.5729%201.1756%2040.432%201.50476%2040.3381C1.59881%2040.2911%201.73988%2040.2442%201.83393%2040.1972C2.1631%2040.1033%202.49226%2039.9624%202.82143%2039.8685C3.00952%2039.8216%203.19762%2039.7276%203.33869%2039.6807C3.90298%2039.4928%204.46726%2039.305%205.1256%2039.0702C6.16012%2038.6945%207.33571%2038.3189%208.60536%2037.8962C9.875%2037.4736%2011.2387%2037.0509%2012.6964%2036.5814C13.2607%2036.3935%2013.872%2036.2057%2014.4833%2036.0178C27.1327%2031.9793%2046.3655%2026.3442%2069.8774%2021.0378C71.006%2020.756%2072.1815%2020.5212%2073.3571%2020.2395C76.2726%2019.5821%2079.2351%2018.9246%2082.2917%2018.3142C84.1256%2017.9385%2085.9595%2017.5628%2087.8405%2017.1871C88.4518%2017.0463%2089.0631%2016.9523%2089.7214%2016.8115C90.9911%2016.5767%2092.2137%2016.3419%2093.4833%2016.0601C94.753%2015.8253%2096.0226%2015.5905%2097.3393%2015.3557C100.537%2014.7452%20103.829%2014.1817%20107.12%2013.6182C108.437%2013.3834%20109.801%2013.1486%20111.117%2012.9608C112.434%2012.726%20113.798%2012.5382%20115.161%2012.3034C118.453%2011.7868%20121.792%2011.2703%20125.177%2010.8007C126.87%2010.5659%20128.563%2010.3311%20130.256%2010.0963C152.451%207.18479%20176.198%205.25945%20200.415%205.25945C210.338%205.25945%20219.836%205.40033%20229.006%205.68209C230.511%205.72905%20232.063%205.77601%20233.567%205.82297C235.072%205.86992%20236.577%205.91688%20238.082%206.0108C239.586%206.10472%20241.044%206.15168%20242.549%206.19864C243.301%206.2456%20244.007%206.29256%20244.759%206.29256C246.217%206.33952%20247.674%206.43344%20249.132%206.52736C253.505%206.76215%20257.785%207.04391%20262.017%207.32566C264.133%207.46654%20266.249%207.65438%20268.318%207.79526C269.023%207.84222%20269.729%207.88918%20270.387%207.9831C273.349%208.21789%20276.265%208.49965%20279.18%208.73445C336.22%2014.1348%20383.385%2024.8885%20443.293%2036.6283C445.315%2037.004%20447.385%2037.4266%20449.454%2037.8023C452.369%2038.3658%20455.285%2038.9293%20458.247%2039.4928C458.999%2039.6337%20459.752%2039.7746%20460.457%2039.9155C461.21%2040.0564%20461.962%2040.1972%20462.714%2040.3381C527.419%2052.6414%20566.308%2057.3843%20601.011%2059.1687C624.523%2059.8262%20648.835%2061.4228%20679.024%2054.6137H679.071C735.123%2043.5783%20770.062%2019.2533%20790%200Z'/%3E%3C/svg%3E") no-repeat left bottom;
	}

	/* Core pairs the indicator transform with absolute positioning; redefining
	   the tokens lets the arrow sit in the flex row without the -50% shift. */
	.header .ubermenu .ubermenu-tabs {
		position: relative;
		z-index: 1;
		--ubermenu-submenu-indicator-translateY: none;
		--ubermenu-submenu-indicator-right-transform: rotate(-90deg);
	}

	/* Kill UberMenu's inline min-heights — we size the tabs shell ourselves. */
	.header .ubermenu .ubermenu-submenu-type-mega .ubermenu-tabs,
	.header .ubermenu .ubermenu-submenu-type-mega .ubermenu-tabs-group,
	.header .ubermenu .ubermenu-submenu-type-mega .ubermenu-tab-content-panel {
		min-height: 0 !important;
		height: auto;
	}

	/* Per-item column widths set in the menu editor otherwise shrink the tab
	   block and individual toggles; the layout is driven from here instead. */
	.header .ubermenu .ubermenu-submenu-type-mega > .ubermenu-tabs,
	.header .ubermenu .ubermenu-tabs-group > .ubermenu-tab {
		width: 100%;
		max-width: 100%;
		float: none;
	}

	/* Tab list left (padded). CTA panel absolute, flush to top/right/bottom.
	   Height comes from FX.UberMenuMegaHeight = max(tabs, panel content). */
	.header .ubermenu .ubermenu-submenu-type-mega .ubermenu-tabs > .ubermenu-tabs-group {
		position: relative;
		display: block;
		width: 100%;
		float: none;
		padding: 10px 0 10px 10px;
		border: none;
	}

	.header .ubermenu .ubermenu-submenu-type-mega .ubermenu-tabs-group > .ubermenu-tab {
		display: block;
		width: 270px;
		max-width: 270px;
		padding: 0;
		box-sizing: border-box;
	}

	.header .ubermenu .ubermenu-submenu-type-mega .ubermenu-tabs-group > .ubermenu-tab > .ubermenu-tab-content-panel {
		position: absolute !important;
		top: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		left: 312px !important;
		display: none !important;
		align-items: stretch;
		width: auto !important;
		max-width: none;
		margin: 0;
		padding: 0;
		border: none;
	}

	.header .ubermenu .ubermenu-submenu-type-mega .ubermenu-tabs-group > .ubermenu-tab.ubermenu-active > .ubermenu-tab-content-panel {
		display: flex !important;
	}

	.header .ubermenu .ubermenu-tab > .ubermenu-target {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		margin-bottom: 5px;
		padding: 14px 25px;
		font-size: 18px;
		font-weight: 400;
		line-height: 1.2;
		white-space: nowrap;
		color: #000;
		border: none;
		border-radius: 10px;
		background: none;
		transition: all 0.2s ease;
	}

	.header .ubermenu .ubermenu-tab:hover > .ubermenu-target,
	.header .ubermenu .ubermenu-tab.ubermenu-active > .ubermenu-target {
		font-weight: 500;
		color: #fff;
		background: #0C7052;
	}

	.header .ubermenu .ubermenu-tab > .ubermenu-target > .ubermenu-sub-indicator {
		position: static;
		flex: 0 0 auto;
		margin: 0;
		font-size: 14px;
		color: #0C7052;
	}

	.header .ubermenu .ubermenu-tab:hover > .ubermenu-target > .ubermenu-sub-indicator,
	.header .ubermenu .ubermenu-tab.ubermenu-active > .ubermenu-target > .ubermenu-sub-indicator {
		color: #fff;
	}

	.header .ubermenu .ubermenu-item-type-column {
		float: none;
		flex: 0 0 240px;
		width: 240px;
		max-width: 240px;
		padding: 10px;
		border: none;
	}

	/* Menu-editor 3/4 columns are too wide in the panel — match Figma 240px. */
	.header .ubermenu .ubermenu-tab-content-panel > .ubermenu-column-3-4,
	.header .ubermenu .ubermenu-tab-content-panel .ubermenu-item-type-column.ubermenu-column-3-4 {
		flex: 0 0 240px;
		width: 240px !important;
		min-width: 0;
		max-width: 240px;
	}

	.header .ubermenu .ubermenu-tab-content-panel > .mm-cta-col.ubermenu-column-3-4 {
		flex: 1 1 auto;
		width: auto !important;
		max-width: none;
	}

	.header .ubermenu .ubermenu-item-type-column > .ubermenu-submenu {
		padding: 0;
	}

	.header .ubermenu .ubermenu-item-type-column .ubermenu-target {
		margin-bottom: 8px;
		padding: 10px;
		font-size: 16px;
		font-weight: 400;
		line-height: 1.4;
		color: #000;
		background: none;
		transition: all 0.2s ease;
	}

	.header .ubermenu .ubermenu-tab-content-panel .ubermenu-item-type-column .ubermenu-target:hover,
	.header .ubermenu .ubermenu-tab-content-panel .ubermenu-item-type-column .ubermenu-target:focus-visible {
		color: #0C7052;
		background: none;
	}

	.header .ubermenu .mm-cta-col {
		float: none;
		display: flex;
		flex: 1 1 auto;
		flex-direction: column;
		align-self: stretch;
		width: auto;
		max-width: none;
		height: 100%;
		min-height: 100%;
	}

	/* Wide CTA-only panels match Logistics Figma type/padding. */
	.header .ubermenu .ubermenu-tab-content-panel:not(:has(.ubermenu-item-type-column)) .mm-cta {
		padding: 25px 50px;
	}

	.header .ubermenu .ubermenu-tab-content-panel:not(:has(.ubermenu-item-type-column)) .mm-cta__heading {
		font-size: 32px;
		line-height: 1.25;
	}

	.header .ubermenu .ubermenu-tab-content-panel:not(:has(.ubermenu-item-type-column)) .mm-cta__text {
		font-size: 20px;
		line-height: 1.4;
	}

	.header .ubermenu .mm-cta-mobile {
		display: none;
	}

	.mm-cta__btn:hover,
	.mm-cta__btn:focus-visible {
		color: #fff;
		background: #0C7052;
	}

	/* Non-mega dropdowns mirror the original .sub-menu in scss/layout/_header.scss */
	.header .ubermenu .ubermenu-item-level-0 > .ubermenu-submenu:not(.ubermenu-submenu-type-mega) {
		top: calc(100% - 5px);
		left: 50%;
		width: max-content;
		min-width: 0;
		padding: 20px;
		border: none;
		border-radius: 10px;
		background: #fff;
		box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.10);
		transform: translateX(-50%);
	}

	.header .ubermenu .ubermenu-item-level-0 > .ubermenu-submenu:not(.ubermenu-submenu-type-mega) .ubermenu-item {
		width: 100%;
	}

	.header .ubermenu .ubermenu-item-level-0 > .ubermenu-submenu:not(.ubermenu-submenu-type-mega) .ubermenu-target {
		padding: 0;
		font-size: 16px;
		font-weight: 400;
		line-height: 1.4;
		color: #000;
		background: none;
		transition: all 0.2s ease;
	}

	.header .ubermenu .ubermenu-item-level-0 > .ubermenu-submenu:not(.ubermenu-submenu-type-mega) .ubermenu-item:not(:last-of-type) > .ubermenu-target {
		margin-bottom: 10px;
	}

	.header .ubermenu .ubermenu-item-level-0 > .ubermenu-submenu:not(.ubermenu-submenu-type-mega) .ubermenu-target:hover,
	.header .ubermenu .ubermenu-item-level-0 > .ubermenu-submenu:not(.ubermenu-submenu-type-mega) .ubermenu-target:focus-visible {
		color: #0C7052;
		background: none;
	}
}

@media (max-width: 1199px) {
	/* The theme reveals its mobile controls below 992px, but UberMenu stays in
	   responsive mode to 1199px; !important is needed for the d-lg-none pair. */
	.header .menu-icon {
		display: block;
	}

	.header .mobile-quote,
	.header .mobile-phone {
		display: block !important;
	}

	.header .ubermenu .ubermenu-nav > .custom-button-li {
		display: none;
	}

	/* The theme sizes this column to the viewport for its own mobile menu,
	   which strands UberMenu's accordion in the leftover vertical space. */
	.header .header__menu,
	body.menu-is-open .header .header__menu {
		flex: 0 0 100%;
		width: 100%;
		max-width: 100%;
		align-items: flex-start;
		height: auto;
	}

	.header .ubermenu.ubermenu-responsive .ubermenu-nav {
		padding: 24px 22px;
		background: #fff;
	}

	.header .ubermenu .ubermenu-nav > .ubermenu-item-level-0 {
		position: relative;
		float: none;
		clear: both;
		width: 100%;
		margin: 0 0 8px;
		border: 1px solid #DDD;
		border-radius: 8px;
		background: #fff;
	}

	.header .ubermenu .ubermenu-nav > .ubermenu-item-level-0 > .ubermenu-target {
		padding: 14px 16px;
		font-size: 18px;
		font-weight: 500;
		line-height: 1.5;
		color: #000;
		background: none;
		border: none;
		z-index: 1;
	}


	.header .ubermenu .ubermenu-nav > .ubermenu-item-level-0.ubermenu-active {
		padding: 4px;
		border-color: #0C7052;
		background: #EEF5F3;
	}

	.header .ubermenu .ubermenu-nav > .ubermenu-item-level-0.ubermenu-active > .ubermenu-target {
		font-weight: 700;
		color: #0C7052;
		border-radius: 6px;
		background: #EEF5F3;
	}

	/* Core keeps drop submenus out of the flow with position:absolute, so the
	   accordion needs the open one back in flow to push later items down. */
	.header .ubermenu .ubermenu-item.ubermenu-active > .ubermenu-submenu-drop {
		position: relative;
		top: auto;
		left: auto;
		width: 100%;
		clip: auto;
	}

	.header .ubermenu .ubermenu-submenu.ubermenu-submenu-type-mega {
		max-height: none;
		padding: 8px;
		overflow: visible;
		border: none;
		background: none;
		box-shadow: none;
	}

	/* Nesting is expressed through spacing alone. The plugin outlines and
	   shadows every submenu level, which reads as stray dark lines here. */
	.header .ubermenu.ubermenu-responsive .ubermenu-submenu {
		border: none;
		background: none;
		box-shadow: none;
	}

	.header .ubermenu.ubermenu-responsive .ubermenu-submenu .ubermenu-item,
	.header .ubermenu.ubermenu-responsive .ubermenu-submenu .ubermenu-target {
		border: none;
		box-shadow: none;
	}

	.header .ubermenu.ubermenu-responsive .ubermenu-tabs > .ubermenu-tabs-group > .ubermenu-tab > .ubermenu-tab-content-panel {
		border-width: 0;
		box-shadow: none;
	}

	.header .ubermenu.ubermenu-responsive .ubermenu-submenu .ubermenu-submenu {
		margin: 0;
		padding: 0;
	}

	.header .ubermenu .ubermenu-tabs,
	.header .ubermenu .ubermenu-tabs-group {
		width: 100%;
		padding: 0;
		border: none;
		background: none;
	}

	.header .ubermenu .ubermenu-tab,
	.header .ubermenu .ubermenu-item-level-0 > .ubermenu-submenu:not(.ubermenu-submenu-type-mega) > .ubermenu-item {
		position: relative;
		margin-bottom: 6px;
		border-radius: 6px;
		background: #0C7052;
	}

	.header .ubermenu .ubermenu-tab > .ubermenu-target,
	.header .ubermenu .ubermenu-item-level-0 > .ubermenu-submenu:not(.ubermenu-submenu-type-mega) > .ubermenu-item > .ubermenu-target {
		position: relative;
		z-index: 1;
		padding: 12px 48px 12px 12px;
		font-size: 16px;
		font-weight: 500;
		line-height: 1.5;
		color: #fff;
		border-radius: 6px;
		background: none;
	}

	.header .ubermenu .ubermenu-tab.ubermenu-active,
	.header .ubermenu .ubermenu-item-level-0 > .ubermenu-submenu:not(.ubermenu-submenu-type-mega) > .ubermenu-item.ubermenu-active {
		padding: 4px;
		background: #EEF5F3;
	}

	.header .ubermenu .ubermenu-tab.ubermenu-active > .ubermenu-target,
	.header .ubermenu .ubermenu-item-level-0 > .ubermenu-submenu:not(.ubermenu-submenu-type-mega) > .ubermenu-item.ubermenu-active > .ubermenu-target {
		font-weight: 600;
		border-radius: 4px;
		background: #0C7052;
	}

	/* Tabs stay display:none (UberMenu Pro) until .ubermenu-active. Force the
	   accordion show/hide here so mouseover-trigger tabs open on press. */
	.header .ubermenu .ubermenu-tabs-group > .ubermenu-tab > .ubermenu-tab-content-panel {
		position: static !important;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;
		display: none !important;
		width: 100% !important;
		min-width: 100%;
		max-width: 100%;
		margin: 0;
		padding: 6px 0;
		border: none;
		background: none;
		box-shadow: none;
	}

	.header .ubermenu .ubermenu-tabs-group > .ubermenu-tab.ubermenu-active > .ubermenu-tab-content-panel {
		display: block !important;
	}

	/* Kill UberMenu’s hover-tab panel offset (margin-left: 6% / width: 94%)
	   and any column floats so the leaf list matches the green parent width. */
	.header .ubermenu .ubermenu-tab-content-panel,
	.header .ubermenu .ubermenu-tab-content-panel .ubermenu-submenu,
	.header .ubermenu .ubermenu-tab-content-panel .ubermenu-item-type-column {
		float: none !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		left: auto !important;
	}

	.header .ubermenu .ubermenu-item-type-column {
		padding: 0;
		border: none;
	}

	.header .ubermenu .ubermenu-item-type-column > .ubermenu-submenu {
		padding: 0;
	}

	/* Size the stack to the longest label so chevrons form a column beside
	   the text — not at the far edge of the full menu row. */
	.header .ubermenu .ubermenu-item-type-column > .ubermenu-submenu-type-stack {
		width: max-content;
		max-width: 100%;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.header .ubermenu .ubermenu-item-type-column .ubermenu-item {
		position: relative;
		margin-bottom: 2px;
	}

	.header .ubermenu .ubermenu-item-type-column .ubermenu-target,
	.header .ubermenu .ubermenu-item-level-0 > .ubermenu-submenu:not(.ubermenu-submenu-type-mega) .ubermenu-submenu .ubermenu-target {
		display: flex;
		align-items: center;
		gap: 12px;
		width: 100%;
		padding: 10px 16px;
		font-size: 16px;
		font-weight: 400;
		line-height: 1.5;
		color: rgba(0, 0, 0, 0.85);
		background: none;
	}

	.header .ubermenu .ubermenu-item-type-column .ubermenu-target:hover,
	.header .ubermenu .ubermenu-item-type-column .ubermenu-target:focus-visible {
		color: #0C7052;
		background: none;
	}

	/* Green chevrons — right of the text column, vertically aligned. */
	.header .ubermenu .ubermenu-item-type-column .ubermenu-target:after {
		content: "";
		flex: 0 0 auto;
		width: 6px;
		height: 6px;
		margin-left: auto;
		border-top: 2px solid #0C7052;
		border-right: 2px solid #0C7052;
		transform: rotate(45deg);
	}

	.header .ubermenu .submenu-toggle {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 2;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 48px;
		height: 52px;
		font-size: 16px;
		color: #0C7052;
		cursor: pointer;
		transition: transform 0.2s ease;
	}

	.header .ubermenu .ubermenu-tab > .submenu-toggle,
	.header .ubermenu .ubermenu-item-level-0 > .ubermenu-submenu:not(.ubermenu-submenu-type-mega) > .ubermenu-item > .submenu-toggle {
		top: 0;
		right: 0;
		height: 48px;
		color: #fff;
	}

	/* Above the target (z-index: 1) so the white caret stays visible when open. */
	.header .ubermenu .ubermenu-tab.ubermenu-active > .submenu-toggle {
		top: 4px;
		right: 4px;
		z-index: 2;
		height: 44px;
		color: #fff;
		transform: rotate(180deg);
	}

	.header .ubermenu .ubermenu-tab.ubermenu-active > .submenu-toggle svg {
		color: #fff;
		fill: currentColor;
	}

	.header .ubermenu .ubermenu-item-level-0.ubermenu-active > .submenu-toggle {
		transform: rotate(180deg);
	}

	.header .ubermenu .mm-cta-col {
		display: none;
	}

	.header .ubermenu .mm-cta-mobile {
		margin-top: 16px;
		padding: 0;
		border: none;
		background: none;
	}

	.mm-cta {
		flex: 1 1 auto;
		height: auto;
		padding: 15px 20px;
		text-align: center;
		border-radius: 8px;
	}

	.mm-cta__heading {
		font-size: 18px;
		text-transform: uppercase;
	}

	.mm-cta__btn {
		justify-content: center;
		width: 100%;
	}
}