/* Hide horizontal menu on tablet & mobile */
@media (max-width: 1024px) {
	.elementor-widget-nav-menu .elementor-nav-menu--main {
		display: none !important;
	}
	/* Burger container styling */
	.elementor-widget-nav-menu .elementor-menu-toggle {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		background: rgba(0, 0, 0, 0.4) !important;
		border: 1px solid rgba(57, 255, 20, 0.5) !important;
		box-shadow: 0 0 10px rgba(57, 255, 20, 0.35) !important;
		border-radius: 6px !important;
		padding: 8px 12px !important;
		width: auto !important;
		margin: 0 auto !important;
	}
	/* Ensure icon colors are strictly white */
	.elementor-widget-nav-menu .elementor-menu-toggle i,
	.elementor-widget-nav-menu .elementor-menu-toggle svg,
	.elementor-widget-nav-menu .elementor-menu-toggle svg path,
	.elementor-widget-nav-menu .elementor-menu-toggle .e-icon-wrapper i,
	.elementor-widget-nav-menu .elementor-menu-toggle .e-icon-wrapper svg {
		fill: #ffffff !important;
		color: #ffffff !important;
	}
	/* Active burger state */
	.elementor-widget-nav-menu .elementor-menu-toggle.elementor-active {
		border-color: rgba(57, 255, 20, 0.9) !important;
		box-shadow: 0 0 18px rgba(57, 255, 20, 0.6) !important;
	}

	/* Force dropdown container display */
	.elementor-widget-nav-menu .elementor-nav-menu--dropdown {
		display: none;
		flex-direction: column !important;
		width: 100% !important;
		position: absolute !important;
		left: 0 !important;
		z-index: 99999 !important;
		background-color: rgba(10, 30, 15, 0.95) !important;
		backdrop-filter: blur(12px) !important;
		-webkit-backdrop-filter: blur(12px) !important;
		border: 1px solid rgba(57, 255, 20, 0.4) !important;
		box-shadow: 0 8px 32px 0 rgba(57, 255, 20, 0.25) !important;
		border-radius: 8px !important;
		margin-top: 10px !important;
		padding: 15px 0 !important;
	}
	.elementor-widget-nav-menu .elementor-menu-toggle.elementor-active + .elementor-nav-menu--dropdown {
		display: flex !important;
	}
	/* Fix list layouts inside dropdown */
	.elementor-widget-nav-menu .elementor-nav-menu--dropdown ul,
	.elementor-widget-nav-menu .elementor-nav-menu--dropdown li {
		display: block !important;
		width: 100% !important;
		text-align: center !important;
		float: none !important;
		background: none !important;
		position: relative !important;
	}
	.elementor-widget-nav-menu .elementor-nav-menu--dropdown a {
		display: block !important;
		padding: 15px 20px !important;
		width: 100% !important;
		box-sizing: border-box !important;
		color: #ffffff !important;
		text-transform: uppercase !important;
		font-weight: 700 !important;
		border: none !important;
	}
	.elementor-widget-nav-menu .elementor-nav-menu--dropdown a:hover,
	.elementor-widget-nav-menu .elementor-nav-menu--dropdown a.elementor-item-active {
		color: #39FF14 !important;
		text-shadow: 0 0 8px #39FF14 !important;
		background: rgba(57, 255, 20, 0.1) !important;
	}

	/* Sub-menu hides correctly */
	.elementor-widget-nav-menu .elementor-nav-menu--dropdown .sub-menu {
		display: none !important;
		background-color: rgba(5, 20, 10, 0.95) !important;
		border-top: 1px solid rgba(57, 255, 20, 0.2) !important;
		padding: 0 !important;
		position: static !important;
		width: 100% !important;
	}
	/* Display sub-menu when the parent element is active/open or has JS helper 'is-open' */
	.elementor-widget-nav-menu .elementor-nav-menu--dropdown li.elementor-active-item > .sub-menu,
	.elementor-widget-nav-menu .elementor-nav-menu--dropdown li.elementor-active > .sub-menu,
	.elementor-widget-nav-menu .elementor-nav-menu--dropdown li.open > .sub-menu,
	.elementor-widget-nav-menu .elementor-nav-menu--dropdown li.is-open > .sub-menu {
		display: block !important;
	}

	/* Hide the original SVG sub-arrows completely on mobile */
	.elementor-widget-nav-menu .elementor-nav-menu--dropdown .sub-arrow svg {
		display: none !important;
	}

	/* Construct clean CSS-based +/- indicators */
	.elementor-widget-nav-menu .elementor-nav-menu--dropdown .sub-arrow {
		color: #39FF14 !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		position: absolute !important;
		right: 20px !important;
		top: 10px !important;
		z-index: 100 !important;
		cursor: pointer !important;
		font-size: 26px !important;
		font-weight: bold !important;
		line-height: 1 !important;
		width: 36px !important;
		height: 36px !important;
		border-radius: 50% !important;
		background: rgba(57, 255, 20, 0.1) !important;
		border: 1px solid rgba(57, 255, 20, 0.2) !important;
		box-shadow: 0 0 8px rgba(57, 255, 20, 0.2) !important;
		transition: all 0.2s ease !important;
	}
	.elementor-widget-nav-menu .elementor-nav-menu--dropdown .sub-arrow:hover {
		background: rgba(57, 255, 20, 0.2) !important;
		border-color: rgba(57, 255, 20, 0.5) !important;
		box-shadow: 0 0 12px rgba(57, 255, 20, 0.5) !important;
	}

	/* Plus state by default */
	.elementor-widget-nav-menu .elementor-nav-menu--dropdown .sub-arrow::after {
		content: "+" !important;
		display: block !important;
		color: #39FF14 !important;
		text-shadow: 0 0 5px #39FF14 !important;
	}

	/* Minus state triggers when li has open, elementor-active or custom is-open class */
	.elementor-widget-nav-menu .elementor-nav-menu--dropdown li.elementor-active-item > a .sub-arrow::after,
	.elementor-widget-nav-menu .elementor-nav-menu--dropdown li.elementor-active > a .sub-arrow::after,
	.elementor-widget-nav-menu .elementor-nav-menu--dropdown li.open > a .sub-arrow::after,
	.elementor-widget-nav-menu .elementor-nav-menu--dropdown li.is-open > a .sub-arrow::after,
	.elementor-widget-nav-menu .elementor-nav-menu--dropdown li.elementor-active-item > .sub-arrow::after,
	.elementor-widget-nav-menu .elementor-nav-menu--dropdown li.elementor-active > .sub-arrow::after,
	.elementor-widget-nav-menu .elementor-nav-menu--dropdown li.open > .sub-arrow::after,
	.elementor-widget-nav-menu .elementor-nav-menu--dropdown li.is-open > .sub-arrow::after {
		content: "-" !important;
		text-shadow: 0 0 5px #39FF14 !important;
	}
}