@charset "utf-8";
:root {
	--border-color-white: #ffffff;
	--text-color-inverted: #ffffff;
	--ui-yellow-hover: #ffc800;
}
/*--------------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: 1;
		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: 2;
		color: #fff;
	}

	i.fa-bars {
		font-size: 2em;
	}

	/* hover: feedback visivo giallo */
	#menu a:hover {
		color: var(--ui-yellow-hover);
	}

	/* voce della pagina corrente (classi aggiunte automaticamente da WordPress) */
	#menu #menu-nav li.current-menu-item > a,
	#menu #menu-nav li.current-menu-ancestor > a {
		color: var(--ui-yellow-hover);
	}

	#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;
		/* Menu "quasi nero" come richiesto */
		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 */
	}
}

@media screen and (min-width: 1021px) {
	#menu a.burg-icon {
		display: none;
	}
}