/* Paride Pavone · sito. Solo comportamento: colori, misure, spazi e caratteri restano nei blocchi e negli Stili globali. */

/* Scena che si impila: resta ferma mentre la scena dopo le scorre sopra.
   Lo script abbassa «top» per le scene più alte dello schermo, così si leggono fino in fondo prima di fermarsi. */
.wp-block-cover.is-style-si-impila,
.wp-block-group.is-style-si-impila {
	position: sticky;
	top: 0;
}

/* Scritta che scorre: il testo resta un titolo vero, lo script aggiunge le copie (nascoste ai lettori di schermo) */
.is-style-scorre.pp-pronta {
	white-space: nowrap;
	overflow: hidden;
	/* la traccia è lunga migliaia di pixel: senza questo allarga la cover e sposta tutto il resto fuori schermo */
	contain: inline-size;
	max-width: 100%;
}
.is-style-scorre .pp-traccia {
	display: inline-flex;
	animation: pp-scorre var(--pp-durata, 30s) linear infinite;
	will-change: transform;
}
.is-style-scorre .pp-pezzo {
	padding-right: 0.3em;
}
.is-style-scorre .pp-sep {
	padding-left: 0.3em;
	opacity: 0.5;
}
@keyframes pp-scorre {
	from { transform: translateX(0); }
	to { transform: translateX(-50%); }
}

/* Si accende scorrendo: le parole passano da spente ad accese mentre il titolo sale */
.is-style-si-accende .pp-parola {
	opacity: 0.18;
	transition: opacity 0.25s linear;
}
.is-style-si-accende .pp-parola.pp-accesa {
	opacity: 1;
}

/* Chi ha chiesto meno movimento vede tutto fermo e acceso */
@media (prefers-reduced-motion: reduce) {
	/* anche le scene scorrono normali, senza fermarsi e coprirsi a vicenda */
	.wp-block-cover.is-style-si-impila,
	.wp-block-group.is-style-si-impila { position: relative; }
	.is-style-scorre.pp-pronta { white-space: normal; }
	.is-style-scorre .pp-traccia { animation: none; display: inline; }
	.is-style-scorre .pp-pezzo[aria-hidden="true"],
	.is-style-scorre .pp-sep { display: none; }
	.is-style-si-accende .pp-parola { opacity: 1; transition: none; }
}