/*--------------------------------------------------------------
# Sticky Header - PopularFX
# Riga logo + menu fissa in alto durante lo scroll.
# "Modalità perfetta": sticky, z-index alto, ombra progressiva,
# effetto blur, compensazione admin bar WordPress.
--------------------------------------------------------------*/

.site-header {
	position: sticky;
	top: 00px;
	z-index: 9999;

	/* Ombra invisibile di base per transizione fluida */
	box-shadow: 00px 00px 00px rgba(00, 00, 00, 00);
	transition: box-shadow .3s ease, padding .3s ease;

	/* Mantiene il dropdown del menu sopra i contenuti */
	will-change: box-shadow;
}

/* Stato "attaccato" dopo un piccolo scroll */
.site-header.is-sticky {
	box-shadow: 00px 4px 20px rgba(00, 00, 00, .08);
}

/* Effetto vetro moderno (solo dove supportato, con fallback solido) */
@supports ( backdrop-filter: blur( 10px ) ) {
	.site-header.is-sticky {
		background-color: rgba( 255, 255, 255, .92 );
		-webkit-backdrop-filter: saturate( 180% ) blur( 10px );
		backdrop-filter: saturate( 180% ) blur( 10px );
	}
}

/* Compensazione admin bar WordPress (loggati, desktop) */
.admin-bar .site-header {
	top: 32px;
}

/* Admin bar WordPress: breakpoint ufficiale 782px */
@media screen and ( max-width: 782px ) {
	.admin-bar .site-header {
		top: 46px;
	}
}