/* 1. Nasconde i sottomenu */
header nav ul li > ul,
header nav ul li > div,
.main-navigation li > ul,
.main-navigation li > div {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none; /* Impedisce che intercetti il mouse quando è nascosto */
}

/* 2. Mostra il sottomenu all'hover */
header nav ul li:hover > ul,
header nav ul li:hover > div,
.main-navigation li:hover > ul,
.main-navigation li:hover > div {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto;
}

/* 3. Crea un ponticello invisibile per non far chiudere il menu al passaggio del mouse */
header nav ul li:hover > ul::before,
header nav ul li:hover > div::before {
    content: '';
    position: absolute;
    top: -15px; /* Copre lo spazio vuoto tra il testo e il sottomenu */
    left: 0;
    width: 100%;
    height: 15px;
    background: transparent;
	
	
	* 1. Assicura che l'header non tagli i contenuti che fuoriescono */
header, 
.site-header, 
.elementor-location-header {
    overflow: visible !important;
}

/* 2. Rende il menu sempre sovrapposto a tutto il resto della pagina */
header nav ul li,
.main-navigation ul li {
    position: relative !important;
    z-index: 9999 !important;
}

/* 3. Gestisce sottomenu lunghi (con scorrimento e altezza massima) */
header nav ul li > ul,
header nav ul li > div,
.main-navigation li > ul,
.main-navigation li > div {
    display: none !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    
    /* Gestione dimensioni per menu lunghi */
    max-height: 70vh !important;       /* Limita l'altezza al 70% dello schermo */
    overflow-y: auto !important;        /* Aggiunge lo scroll se i testi sono troppi */
    min-width: 240px !important;        /* Impedisce che il testo lungo vada a capo male */
    
    z-index: 10000 !important;
    pointer-events: none;
    box-shadow: 0px 8px 16px rgba(0,0,0,0.15); /* Ombra per separarlo dallo sfondo */
}

/* 4. Mostra il sottomenu all'hover */
header nav ul li:hover > ul,
header nav ul li:hover > div,
.main-navigation li:hover > ul,
.main-navigation li:hover > div {
    display: block !important;
    pointer-events: auto !important;
}

/* 5. Fix per l'ultimo elemento in caso di larghezza abbondante */
header nav ul li:last-child > ul,
header nav ul li:last-child > div {
    left: auto !important;
    right: 0 !important;
}
}