/* Site-wide header: text logo by default; image logo only when front CSS enables it. */

/* Above map panes/controls so sticky header + menu stay on top of maps */
.elementor-location-header,
.elementor-location-header .elementor-sticky--active,
.elementor-location-header .elementor-sticky--effects {
	z-index: 999;
}

.os-logo-img {
	display: none !important;
}

.os-menu-container {
	--jmm-dropdown-toggle-color: #fff;
}

.os-menu-container .jet-mega-menu-toggle,
.os-menu-container .jet-mega-menu-toggle-icon,
.os-menu-container .jet-mega-menu-toggle svg {
	color: #fff !important;
	fill: currentColor;
}

/* Mobile: hamburger-sized menu column, full-width dropdown. */
@media (max-width: 767px) {
	.os-header-container {
		--justify-content: space-between;
		--flex-wrap: nowrap;
		justify-content: space-between;
		flex-wrap: nowrap;
		overflow: visible;
	}

	.os-logo-container {
		--width: auto;
		flex: 1 1 auto;
		min-width: 0;
	}

	.os-menu-container {
		--width: auto;
		flex: 0 0 auto;
		width: auto;
		max-width: max-content;
	}

	/* Dropdown positions against sticky header row, not the icon column. */
	.os-menu-container,
	.os-menu-container .elementor-widget,
	.os-menu-container .elementor-widget-container,
	.os-menu-container .jet-mega-menu--layout-dropdown {
		position: static;
	}

	.os-menu-container .jet-mega-menu--layout-dropdown {
		width: auto;
	}

	/* Keep panel out of flow (live + sticky spacer) so header height stays the bar only. */
	.os-menu-container .jet-mega-menu-container {
		position: absolute !important;
		left: 0;
		right: 0;
		width: 100%;
		max-width: none;
		box-sizing: border-box;
	}

	.os-menu-container .jet-mega-menu:not(.jet-mega-menu--dropdown-open) > .jet-mega-menu-container {
		max-height: 0 !important;
		overflow: hidden !important;
		pointer-events: none !important;
	}

	/*
	 * Sticky spacer clones the header without Jet JS (stays horizontal).
	 * Hide list so it cannot inflate; height is synced to the live bar via JS.
	 */
	.elementor-sticky__spacer .jet-mega-menu-container,
	.elementor-sticky__spacer .jet-mega-menu-sub-menu {
		display: none !important;
		pointer-events: none !important;
	}

	.jet-mega-menu.jet-mega-menu--fill-svg-icons .jet-mega-menu-item__dropdown svg,
	.jet-mega-menu.jet-mega-menu--fill-svg-icons .jet-mega-menu-item__dropdown svg path,
	.jet-mega-menu.jet-mega-menu--fill-svg-icons .jet-mega-menu-item__icon svg,
	.jet-mega-menu.jet-mega-menu--fill-svg-icons .jet-mega-menu-item__icon svg path,
	.jet-mega-menu.jet-mega-menu--fill-svg-icons .jet-mega-menu-toggle svg,
	.jet-mega-menu.jet-mega-menu--fill-svg-icons .jet-mega-menu-toggle svg path {
		fill: #fff !important;
	}

	.os-menu-container .jet-mega-menu--layout-dropdown .jet-mega-menu-sub-menu {
		padding-left: 1.5rem;
	}

	/* Full row hit target: padding lives on link/chevron, not the wrapper. */
	.os-menu-container .jet-mega-menu-item__inner {
		padding: 0 !important;
	}

	.os-menu-container .jet-mega-menu-item__link {
		flex: 1 1 auto;
		align-self: stretch;
		align-items: center;
		min-width: 0;
		padding: var(--jmm-top-items-ver-padding, 5px) var(--jmm-top-items-hor-padding, 10px);
		box-sizing: border-box;
	}

	.os-menu-container .jet-mega-menu-sub-menu .jet-mega-menu-item__link {
		padding: var(--jmm-sub-items-ver-padding, var(--jmm-top-items-ver-padding, 5px))
			var(--jmm-sub-items-hor-padding, var(--jmm-top-items-hor-padding, 10px));
	}

	.os-menu-container .jet-mega-menu-item__dropdown {
		align-self: stretch;
		padding: var(--jmm-top-items-ver-padding, 5px) var(--jmm-top-items-hor-padding, 10px);
		box-sizing: border-box;
	}

	.os-menu-container .jet-mega-menu-sub-menu .jet-mega-menu-item__dropdown {
		padding: var(--jmm-sub-items-ver-padding, var(--jmm-top-items-ver-padding, 5px))
			var(--jmm-sub-items-hor-padding, var(--jmm-top-items-hor-padding, 10px));
	}
}