/* Base styling and desktop hiding */
.elene-mobile-header-10d8831e,
.elene-mobile-menu-10d8831e {
	display: none;
}

@media (max-width: 1024px) {
	/* Hide standard elementor headers / common nav classes */
	.elementor-location-header,
	.site-header,
	#masthead,
	.main-navigation,
	header.elementor-location-header,
	.elementor-element-header {
		display: none !important;
	}

	.elene-mobile-header-10d8831e {
		display: flex !important;
		align-items: center;
		justify-content: space-between;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 85px;
		background-color: #9da275 !important;
		z-index: 999999;
		padding: 0 20px;
		box-sizing: border-box;
		transition: background-color 0.3s ease;
	}

	.elene-hamburger-10d8831e {
		background: none;
		border: none;
		width: 30px;
		height: 24px;
		position: relative;
		cursor: pointer;
		padding: 0;
		z-index: 1000000;
	}

	.elene-hamburger-10d8831e .line-10d8831e {
		display: block;
		width: 100%;
		height: 1px;
		background-color: #ffffff;
		position: absolute;
		left: 0;
		transition: transform 0.3s ease, opacity 0.3s ease, top 0.3s ease;
	}

	.elene-hamburger-10d8831e .line-10d8831e:nth-child(1) { top: 0; }
	.elene-hamburger-10d8831e .line-10d8831e:nth-child(2) { top: 11px; }
	.elene-hamburger-10d8831e .line-10d8831e:nth-child(3) { top: 22px; }

	.elene-hamburger-10d8831e.is-active .line-10d8831e:nth-child(1) {
		top: 11px;
		transform: rotate(45deg);
	}
	.elene-hamburger-10d8831e.is-active .line-10d8831e:nth-child(2) {
		opacity: 0;
	}
	.elene-hamburger-10d8831e.is-active .line-10d8831e:nth-child(3) {
		top: 11px;
		transform: rotate(-45deg);
	}

	.elene-logo-10d8831e {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;
		text-decoration: none;
	}
	
	.elene-logo-10d8831e svg {
		max-width: 120px; /* Scale down for mobile */
		height: auto;
	}

	.elene-book-10d8831e {
		color: #ffffff;
		text-decoration: none;
		font-family: sans-serif;
		font-size: 11px;
		letter-spacing: 1px;
		text-transform: uppercase;
		border: 1px solid #ffffff;
		padding: 8px 16px;
		border-radius: 0;
		transition: background-color 0.3s ease, color 0.3s ease;
	}

	.elene-book-10d8831e:hover {
		background-color: #ffffff;
		color: #000000;
	}

	.elene-mobile-menu-10d8831e {
		display: flex !important;
		flex-direction: column;
		position: fixed;
		top: -100%;
		left: 0;
		width: 100%;
		height: 100vh;
		background-color: #9da275 !important;
		z-index: 999998;
		padding-top: 100px;
		box-sizing: border-box;
		overflow-y: auto;
		transition: top 0.5s cubic-bezier(0.77, 0, 0.175, 1);
	}

	.elene-mobile-menu-10d8831e.is-open {
		top: 0;
	}

	.elene-nav-10d8831e {
		display: flex;
		flex-direction: column;
		width: 100%;
		padding: 0 20px 40px;
		box-sizing: border-box;
	}

	.elene-nav-item-10d8831e {
		color: #ffffff;
		text-decoration: none;
		font-family: sans-serif;
		font-size: 14px;
		letter-spacing: 4px;
		text-transform: uppercase;
		text-align: center;
		padding: 25px 0;
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
		opacity: 0;
		transform: translateY(20px);
		transition: opacity 0.4s ease, transform 0.4s ease;
	}

	.elene-nav-item-10d8831e:last-child {
		border-bottom: none;
	}

	.elene-mobile-menu-10d8831e.is-open .elene-nav-item-10d8831e {
		opacity: 1;
		transform: translateY(0);
	}

	body.elene-menu-open {
		overflow: hidden;
	}
}