@charset "utf-8";

/*--------------BURGER-MENU----------------*/

@media all and (max-width: 1020px) {
	#menu #menu-nav ul {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		border-top: 1px solid #fff;
		padding-left: 10px;
	}

	#menu {
		width: 100%;
		height: 100%;
	}

	#menu #menu-nav {
		display: none;
		position: absolute;
		width: 100%;
		height: calc(100vh - 30px);
		background-color: black;
		top: 0;
		bottom: 0;
		z-index: 1500;
		padding: 90px 30px 30px;
        /* Aggiungiamo overflow per scrollare se il menu è lungo */
        overflow-y: auto;
	}

	#menu #menu-nav li {
		border-top: solid 1px #ddd;
	}

	#menu #menu-nav li:nth-last-of-type(1) {
		border-bottom: #ddd 1px solid;
	}

	#menu a {
		color: white;
		padding: 14px 16px;
		text-decoration: none;
		font-size: 17px;
		display: block;
	}

	#menu a.burg-icon {
		background: transparent;
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 1601;
		color: #fff;
	}

	i.fa-bars {
		font-size: 1.8em;
		color: black;
	}

	#menu a:hover {
		/*background-color: #ddd;*/
		color: black;
	}
	#menu a.burg-icon:hover,
	#menu a.burg-icon:visited {
		color: #fff;
	}

	/* === STILI PER SOTTOMENU ACCORDION (AGGIUNTA) === */

    /* 1. Nascondi i sottomenu di default e rimuovi il padding pre-esistente */
    #menu #menu-nav .sub-menu {
        display: none;
        padding-left: 20px; /* Aggiungi un rientro per distinguere i figli */
    }

    #menu #menu-nav ul .sub-menu {
        border-top: none;
        padding-left: 20px;
    }

    /* 2. Stile per l'indicatore +/- usando uno pseudo-elemento */
    #menu #menu-nav .menu-item-has-children > a {
        position: relative; /* Necessario per posizionare l'indicatore */
    }

    #menu #menu-nav .menu-item-has-children > a::after {
        content: '+'; /* Di default mostra il '+' */
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 22px;
        font-weight: normal;
        color: white;
        transition: transform 0.2s ease-in-out;
    }

    /* 3. Stile per lo stato attivo (menu aperto) */
    #menu #menu-nav li.active > a {
        /*background-color: #1c1c1c; */
        font-weight: bold;
    }

    /* Cambia l'indicatore in '-' quando il menu è attivo */
    #menu #menu-nav li.active > a::after {
        content: '−'; /* Carattere 'meno' corretto */
    }

    /* Mostra il sottomenu quando il genitore è attivo */
    #menu #menu-nav li.active > .sub-menu {
        display: block;
        /*background-color: #111;*/ /* Sfondo leggermente diverso per il sottomenu */
    }

    /* Stile per i link del sottomenu per migliore leggibilità */
    #menu #menu-nav .sub-menu a {
        padding-left: 30px; /* Più rientro per i figli */
        font-size: 16px;
        border-color: #444; /* Bordo più scuro */
    }
}