/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 10 2026 | 14:42:08 */
.header>div>.elementor-widget-image {
	align-self: baseline; !important;
}

.header .containerHeaderMobile {
	align-self: center; !important;
}

.jet-mobile-menu__container {
	opacity: 0;
}

.jet-mobile-menu-visible {
	overflow: hidden;
    max-height: 100vh;
	
	.jet-mobile-menu__container {
		opacity: 1;
		
		.jet-mobile-menu__items {
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: 70px;
		}
	}
		
	.jet-mobile-menu__toggle {
		position: fixed;
        top: 15px;
        right: 20px;
        z-index: 9999;
	}
	
	.header>div {
		flex-direction: column !important;
    	align-items: stretch !important;
    	height: 100vh;
        justify-content: flex-start !important;
	}
	
	.header {
		.containerHeaderMobile, .containerHeaderMobile>div {
			width: 100%;
			height: 100%;
			overflow: scroll;
			
			.jet-mobile-menu, .jet-mobile-menu__instance, .jet-mobile-menu__container, .jet-mobile-menu__container-inner {
				height: 100%;
			}
			
			.jet-mobile-menu__container-inner {
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				gap: 20px;
			}
		}
	}
	
	.jet-mobile-menu__back svg {
		min-width: 10px;		
	}
}

/* Questo stile si applica SOLO quando jQuery ha aggiunto la classe */
.menu-highlight {
    position: relative; /* Necessario per posizionare l'elemento assoluto */
}

.menu-highlight::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: -5px;
    left: 0;
    background-color: var(--e-global-color-primary, #000); /* Fallback nero se la var non esiste */
    
    /* Gestione animazione */
    transform: scaleX(1); /* Ho messo 1 per renderlo visibile. Metti 0 se vuoi che appaia solo all'hover */
    transform-origin: bottom left;
    transition: transform 300ms ease-out;
}