/*
Theme Name: Neve Claudia Child
Description: Personalizzazioni di Claudia Lucia Lamanna separate dal tema Neve.
Author: Claudio Fusillo
Template: neve
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.0
Text Domain: neve-claudia-child
*/

/*
 * Neve 4 avvolge ogni voce del menu in .wrap e gli applica 4px per lato.
 * Il vecchio header non aveva questo spazio extra: eliminarlo ripristina la
 * riga unica e la stessa larghezza visiva dell'header pubblicato.
 */
@media only screen and (min-width: 960px) {
	#nv-primary-navigation-main > li > .wrap {
		padding: 0 !important;
	}
}

/* La sottolineatura del vecchio menu ora appartiene al nuovo .wrap di Neve. */
#nv-primary-navigation-main > li > .wrap.is-section-active::after {
	width: 100%;
}

/* In Neve 4 l'ID del menu mobile è cambiato rispetto alla versione originale. */
#secondary-menu-mobile-sidebar a.active {
	text-decoration: underline;
	text-underline-offset: 5px;
}

/*
 * In Neve 4 lo sfondo visibile è sull'elemento interno della riga header.
 * Il fondo esterno storico va reso trasparente, altrimenti i due neri all'85%
 * si sovrappongono e la barra diventa quasi completamente opaca.
 */
.header-main {
	background-color: transparent !important;
}

.header-main-inner {
	--bgcolor: rgba(0, 0, 0, 0.85);
}

/* Neve 4 ha aggiunto .wrap e rinominato il menu laterale mobile. */
@media only screen and (max-width: 959px) {
	#secondary-menu-mobile-sidebar,
	#secondary-menu-mobile-sidebar a {
		font-family: "Playfair Display", sans-serif !important;
	}

	#secondary-menu-mobile-sidebar > li > .wrap > a {
		color: #000;
	}
}

/* Upcoming Events: colonne centrali uguali, senza overflow sui desktop stretti. */
@media only screen and (min-width: 960px) {
	#calendar .wp-block-table table {
		table-layout: fixed;
	}

	#calendar .wp-block-table td:nth-child(1) {
		width: 24%;
	}

	#calendar .wp-block-table td:nth-child(2),
	#calendar .wp-block-table td:nth-child(3) {
		width: 33.5%;
	}

	#calendar .wp-block-table td:nth-child(4) {
		width: 9%;
	}
}

/* Il pulsante WEBSITE richiede circa 100px: sotto questa soglia allarga la tabella. */
@media only screen and (min-width: 960px) and (max-width: 1511px) {
	#calendar .wp-block-table td:nth-child(2),
	#calendar .wp-block-table td:nth-child(3) {
		width: calc(38% - 50px);
	}

	#calendar .wp-block-table td:nth-child(4) {
		width: 100px;
	}
}

/* Neve 4 ha reso le citazioni Press più grandi, corsive e in grassetto. */
#press .wp-block-quote > p {
	font-size: inherit;
	font-style: normal;
}

#press .wp-block-quote > cite {
	font-weight: 400;
}

/* Il blocco conserva il suo allineamento desktop e si centra solo su mobile. */
@media only screen and (max-width: 959px) {
	#press .wp-block-heading.upcoming-headline {
		text-align: center !important;
	}
}