/* ==========================================================================
   1. DIMENSIONI DEL LOGO
   ========================================================================== */
header img, 
.site-branding img, 
.custom-logo-link img,
a.custom-logo-link {
	max-width: none !important;
	max-height: none !important;
	width: 140px !important;
	height: auto !important;
}

/* ==========================================================================
   2. IMMAGINE DI INTESTAZIONE (A tutta larghezza e SOLO in Home Page)
   ========================================================================== */
.header-image, 
.header-image img,
.custom-header,
.custom-header img {
	width: 100vw !important;
	max-width: 100vw !important;
	position: relative !important;
	left: 50% !important;
	right: 50% !important;
	margin-left: -50vw !important;
	margin-right: -50vw !important;
	height: auto !important;
}

/* Nasconde l'immagine d'intestazione su tutto il sito */
.header-image, 
.custom-header {
	display: none !important;
}

/* La mostra ESCLUSIVAMENTE in Home Page */
.home .header-image, 
.home .custom-header {
	display: block !important;
}

/* ==========================================================================
   3. STRUTTURA DELL'HEADER (Senza linee divisorie)
   ========================================================================== */
#masthead,
.site-header {
	width: 100vw !important;
	position: relative !important;
	left: 50% !important;
	right: 50% !important;
	margin-left: -50vw !important;
	margin-right: -50vw !important;
	max-width: 100vw !important;
	padding: 15px 30px !important;
	border-bottom: none !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
}

.site-header-main,
#masthead .site-branding-wrapper,
#masthead .header-main {
	display: flex !important;
	flex-direction: row !important;
	justify-content: space-between !important;
	align-items: center !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	border-bottom: none !important;
}

.site-branding {
	margin: 0 !important;
	padding: 0 !important;
	float: left !important;
}

.main-navigation {
	margin: 0 0 0 auto !important;
	padding: 0 !important;
	float: right !important;
}

/* ==========================================================================
   4. REGOLAZIONE MENU: MOBILE VS DESKTOP
   ========================================================================== */
/* A) VISTA MOBILE (Smartphone sotto i 768px): Menu a comparsa */
@media (max-width: 767px) {
	.main-navigation ul {
		display: none;
	}
	
	.menu-toggle,
			    .main-navigation.toggled ul {
		display: block !important;
	}
	
	#masthead,
			    .site-header {
		width: 100% !important;
		left: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding: 15px !important;
	}
}

/* B) VISTA DESKTOP E TABLET (Da 768px in su): Menu esteso su una riga */
@media (min-width: 768px) {
	.main-navigation ul {
		display: flex !important;
		flex-direction: row !important;
		justify-content: flex-end !important;
		align-items: center !important;
		list-style: none !important;
		margin: 0 !important;
		padding: 0 !important;
		flex-wrap: nowrap !important;
	}
	
	.main-navigation li {
		margin: 0 0 0 25px !important;
		padding: 0 !important;
		display: inline-block !important;
		white-space: nowrap !important;
	}
	
	.main-navigation a {
		font-weight: 700 !important;
		font-size: 15px !important;
		text-transform: uppercase !important;
		letter-spacing: 1px !important;
		text-decoration: none !important;
		line-height: 1 !important;
		white-space: nowrap !important;
		word-break: normal !important;
	}
	
	.main-navigation a:hover {
		opacity: .7 !important;
	}
}

/* STILE MANIFESTO HOME PAGE (Stile MUBA) */
.intro-manifesto {
	max-width: 900px !important;
/* Mantiene la frase entro una larghezza elegante e ben leggibile */
	margin: 60px auto 70px !important;
/* Ampio spazio sopra (dall'immagine) e sotto */
	padding: 0 25px !important;
/* Respiro laterale per schermi piccoli */
/* Tipografia */
	font-size: 24px !important;
/* Dimensione importante ed impattante */
	line-height: 1.6 !important;
/* Interlinea spaziosa */
	font-weight: 300 !important;
/* Carattere leggero/elegante (oppure 400/600 per più rilievo) */
	text-align: center !important;
/* Centratura sobria ed essenziale */
	color: #111111 !important;
/* Nero quasi puro per forte contrasto */
	letter-spacing: .5px !important;
}

/* Adattamento per Smartphone */
@media (max-width: 767px) {
	.intro-manifesto {
		font-size: 18px !important;
		margin: 35px auto 45px !important;
		line-height: 1.5 !important;
	}
}

/* FORZATURA LARGHEZZA AMPIA PER I BLOCCHI CON CLASSE .blocco-ampio */
.entry-content .blocco-ampio {
	max-width: 1200px !important;
	width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Fa in modo che su schermi grandi occupi bene lo spazio senza margini eccessivi */
@media (min-width: 1024px) {
	.entry-content .blocco-ampio {
		width: 95% !important;
		max-width: 1300px !important;
	}
}
/* POSIZIONAMENTO LINEA ALL'ALTEZZA DELL'IMMAGINE IN HOME */
body:not(.home) #masthead,
body:not(.home) .site-header {
    border-bottom: 1px solid #333333 !important; /* Linea divisoria */
    padding-bottom: 50px !important;            /* Mantiene lo stesso padding della Home */
    margin-bottom: 60px !important;             /* Crea lo spazio tra la linea e i contenuti sottostanti */
}