/*
 * Header compatto di Faro Consulenze — richiesta del PO del 07/11/2026.
 * Prima: fascia bianca col logo (~63 px) + menu (~84 px) + fascia del titolo (~90 px)
 * + 60 px vuoti sopra i contenuti + 20 px di riquadro bianco ≈ 320 px prima del contenuto.
 * Dopo: menu col logo (~60 px) + fascia del titolo (~50 px) + 20 px ≈ 130 px;
 * nella Scrivania studio niente fascia del titolo né riquadro: ≈ 76 px.
 * Pulsanti fermi al passaggio del mouse (Design System 4.0): cambia solo il colore.
 * Il markup è in header.php del tema figlio, le impostazioni in inc/header-compatto.php.
 */

/* ---------------------------------------------------------------- barra del menu col logo */
.faro-header-compatto .navbar-wp > .container-fluid {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.faro-header-compatto .faro-nav-logo {
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	padding: 6px 0;
	text-decoration: none;
	border-radius: 4px;
}
.faro-header-compatto .faro-nav-logo img {
	display: block;
	width: auto;
	height: 44px;
}
.faro-header-compatto .faro-nav-logo-testo {
	color: #fff;
	font-weight: 700;
	font-size: 18px;
}
.faro-header-compatto .faro-nav-logo:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 2px;
}
/* il logo per computer compare solo da 992 px; sotto c'è quello nella barra del telefono */
.faro-header-compatto .faro-nav-logo--desktop { display: none; }
@media (min-width: 992px) {
	.faro-header-compatto .faro-nav-logo--desktop {
		display: flex;
		margin-right: 24px;
	}
	/* voci del menu più basse: 18 px sopra e sotto invece di 30 */
	.faro-header-compatto .navbar-wp .navbar-nav > li > a {
		padding-top: 18px;
		padding-bottom: 18px;
	}
}
@media (max-width: 991.98px) {
	.faro-header-compatto .faro-nav-logo--mobile img { height: 38px; }
	.faro-header-compatto .m-header { gap: 8px; }
	.faro-header-compatto .m-header .navbar-toggler:focus-visible {
		outline: 2px solid #fff;
		outline-offset: 2px;
	}
}

/* ---------------------------------------------------------------- fascia del titolo della pagina */
.mg-breadcrumb-section .overlay {
	padding: 12px 0;
}
.mg-breadcrumb-title h1,
.mg-breadcrumb-title .title {
	font-size: 24px;
	line-height: 1.25;
}
@media (max-width: 767.98px) {
	.mg-breadcrumb-section .overlay { padding: 10px 0; }
	.mg-breadcrumb-title h1,
	.mg-breadcrumb-title .title { font-size: 20px; }
}
/* pagine con una propria intestazione (filtro faro_header_senza_titolo): niente fascia */
body.faro-senza-titolo .mg-breadcrumb-section {
	display: none;
}

/* ---------------------------------------------------------------- spazio sopra i contenuti */
main#content.page-class {
	padding-top: 20px;
	padding-bottom: 40px;
}
body.faro-senza-titolo main#content.page-class {
	padding-top: 16px;
}
/* nella pagina senza titolo il pannello ha già le sue schede: niente riquadro bianco intorno */
body.faro-senza-titolo main#content.page-class .mg-card-box {
	padding: 0;
	background: transparent;
	box-shadow: none;
}
@media (max-width: 767.98px) {
	main#content.page-class { padding-top: 12px; padding-bottom: 24px; }
	body.faro-senza-titolo main#content.page-class > .container-fluid {
		padding-left: 8px;
		padding-right: 8px;
	}
}