/* 15/10/2026 (F1.2, Alberto: «lo sticky header, quando vado giù fa schifo… miglioralo») — L'INTESTAZIONE FISSA, BARRA SOTTILE.
   Prima: fascia alta 163 px al computer e 107 al telefono, blocco arancione con la sfumatura sotto il logo.
   Adesso, al computer e al telefono: barra scura sottile (#231D1D, il colore del piè di pagina) con la riga arancione del
   marchio (#FEAA26) sotto, un'ombra leggera e il logo piccolo. Al computer la barra scende dall'alto quando la fascia grande è
   già uscita dallo schermo (intestazione-fissa.js); al telefono la ferma l'estensione Sticky Header Effects, qui cambia solo
   l'aspetto. Testi, logo e menu sono gli stessi. */

/* ---------------------------------------------------------------- al computer (la fascia header_section, bbaad6f) */
#header_section.ts-fissa {
	position: fixed !important;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 100%;
	z-index: 9999;
	margin: 0 !important;
	--min-height: 0px;
	min-height: 0 !important;
	background-color: rgba(35, 29, 29, .97);
	background-image: none;
	border-bottom: 2px solid #FEAA26;
	box-shadow: 0 6px 20px rgba(0, 0, 0, .28);
	animation: ts-scende .32s cubic-bezier(.2, .7, .2, 1) both;
}
@supports ((-webkit-backdrop-filter: blur(8px)) or (backdrop-filter: blur(8px))) {
	#header_section.ts-fissa {
		background-color: rgba(35, 29, 29, .9);
		-webkit-backdrop-filter: blur(8px);
		backdrop-filter: blur(8px);
	}
}
#header_section.ts-fissa,
#header_section.ts-fissa > .e-con-inner {
	height: 78px;
}
#header_section.ts-fissa > .e-con-inner {
	padding-top: 0;
	padding-bottom: 0;
	align-items: center;
}
#header_section.ts-fissa > .e-con-inner > .e-con {
	justify-content: center;
	padding-top: 0;
	padding-bottom: 0;
}
#header_section.ts-fissa .elementor-widget-image img {
	width: auto !important;
	height: 62px;
	max-width: none;
}
@keyframes ts-scende {
	from { transform: translateY(-100%); }
	to { transform: none; }
}
/* già ferma e la finestra ha solo cambiato misura: niente seconda discesa */
#header_section.ts-fissa.ts-fissa-subito { animation: none; }
@media (prefers-reduced-motion: reduce) {
	#header_section.ts-fissa { animation: none; }
}

/* ---------------------------------------------------------------- al telefono e al tablet (la fascia d8605df, she-header) */
@media (max-width: 1024px) {
	.elementor-element-d8605df.she-header {
		background-color: #231D1D !important;
		background-image: none !important;
		border-bottom: 2px solid #FEAA26;
		box-shadow: 0 6px 18px rgba(0, 0, 0, .28);
		/* l'estensione scrive min-height 139px nello stile della fascia: al tablet la barra restava alta */
		--min-height: 0px;
		min-height: 0 !important;
	}
	@supports ((-webkit-backdrop-filter: blur(8px)) or (backdrop-filter: blur(8px))) {
		.elementor-element-d8605df.she-header {
			background-color: rgba(35, 29, 29, .9) !important;
			-webkit-backdrop-filter: blur(8px);
			backdrop-filter: blur(8px);
		}
	}
	.elementor-element-d8605df.she-header > .e-con-inner {
		padding-top: 6px !important;
		padding-bottom: 6px !important;
		align-items: center;
	}
	.elementor-element-d8605df.she-header .elementor-widget-image img {
		width: auto !important;
		height: 48px !important;
	}
}

/* i collegamenti dentro la pagina (#tab-reviews, «Vai al contenuto»…) non finiscono sotto la barra */
html { scroll-padding-top: 90px; }
@media (max-width: 1024px) { html { scroll-padding-top: 110px; } }
@media (max-width: 767px) { html { scroll-padding-top: 74px; } }