/* Mobile Nav Styles */
:root {
	--angie-nav-bg: #ffffff;
	--angie-nav-text: #333333;
}

#angie-mobile-hamburger-a7c1fadf {
	display: none;
	font-size: 28px;
	cursor: pointer;
	padding: 10px;
	background: transparent;
	border: none;
	color: var(--angie-nav-text);
	z-index: 99999;
}

@media screen and (max-width: 768px) {
	/* Show Hamburger */
	#angie-mobile-hamburger-a7c1fadf {
		display: inline-block;
		position: relative;
	}

	/* The existing navigation container - hide by default on mobile */
	body.angie-has-mobile-menu-a7c1fadf .angie-desktop-nav-wrapper-a7c1fadf {
		position: fixed;
		top: 0;
		left: -100%;
		width: 100vw;
		height: 100vh;
		background: var(--angie-nav-bg);
		z-index: 99998;
		display: flex !important;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		padding-top: 80px;
		transition: left 0.3s ease-in-out;
		overflow-y: auto;
		box-sizing: border-box;
	}

	/* Active State */
	body.angie-mobile-menu-active-a7c1fadf .angie-desktop-nav-wrapper-a7c1fadf {
		left: 0;
	}

	/* Adjust inner items */
	body.angie-has-mobile-menu-a7c1fadf .angie-desktop-nav-wrapper-a7c1fadf > * {
		margin: 15px 0 !important;
		width: auto !important;
		text-align: center;
	}

	/* Prevent body scroll when menu is open */
	body.angie-mobile-menu-active-a7c1fadf {
		overflow: hidden;
	}
}