/* FP Salient Theme — layer brand OPT-IN «Terre dei Cavalieri» (cluster).

   Questo foglio NON fa parte del tema neutro: viene accodato solo quando il
   flag `fpst_cluster_tdc` è attivo (opzione o filtro omonimo — vedi
   functions.php). Contiene gli ornamenti araldici del cluster (croce di Malta
   come ornamento di sezione, watermark "carta intestata", logo-ombrello nel
   footer). I nuovi siti restano brand-neutri; i satelliti TdC accendono il flag
   e riottengono l'intera identità. Dipende da `fp-salient-theme` (accodato dopo
   theme.css → vince a parità di specificità). Le url(maltese-cross.svg) sono
   relative a questa cartella (assets/css/), come in theme.css. */

/* === Croce di Malta — ornamento di sezione (identità Terre dei Cavalieri) === */
@supports ((-webkit-mask-image: url()) or (mask-image: url())) {
	.fp-salkit__heading::before {
		content: "";
		display: block;
		width: 26px;
		height: 26px;
		margin: 0 auto 0.6em;
		background-color: #c5281a;
		-webkit-mask: center / contain no-repeat url(maltese-cross.svg);
		mask: center / contain no-repeat url(maltese-cross.svg);
		opacity: 0.92;
	}
	.fp-salkit-section.has-bg-image .fp-salkit__heading::before { background-color: #fff; }
}

/* Logo-ombrello «Terre dei Cavalieri» nel footer (il markup è in parts/footer.html
   e viene reso solo col flag attivo — vedi functions.php). */
.fpst-footer__umbrella svg { height: 56px; width: auto; }

/* Occhiello: niente filetto orizzontale (sezioni e split) — la croce di Malta è
   l'ornamento del cluster. Sui siti neutri (flag off) questo foglio non viene
   caricato → resta il filetto-guida di default del Kit. */
.fp-salkit__kicker::before { display: none !important; }

/* === Watermark croce di Malta — sfondo leggerissimo "carta intestata" ===
   Una grande croce FISSA dietro tutta la pagina: fa capolino attraverso le
   sezioni trasparenti chiare e scompare sotto le bande opache (immagine/scure/
   cream). Pseudo-elemento fixed sul body (z-0); .wp-site-blocks resta sopra
   (z-1, trasparente dove non ha sfondo) così la croce traspare.
   NB: .wp-site-blocks position:relative NON crea containing-block per i fixed
   (niente transform/filter) → l'overlay menu e l'header sticky restano integri. */
@supports ((-webkit-mask-image: url()) or (mask-image: url())) {
	body::before {
		content: "";
		position: fixed;
		inset: 0;
		z-index: 0;
		pointer-events: none;
		background-color: rgba(197, 40, 26, 0.045); /* brand #c5281a, tenue */
		-webkit-mask: center / min(66vmin, 580px) no-repeat url(maltese-cross.svg);
		        mask: center / min(66vmin, 580px) no-repeat url(maltese-cross.svg);
	}
	.wp-site-blocks { position: relative; z-index: 1; }
	/* Footer scuro: la croce rossa non si vedrebbe → un secondo watermark
	   bianco tenue nell'angolo, dietro le colonne. */
	.fpst-footer { position: relative; overflow: hidden; }
	.fpst-footer > * { position: relative; z-index: 1; }
	.fpst-footer::after {
		content: "";
		position: absolute;
		right: -5%;
		bottom: -22%;
		width: min(42vmin, 340px);
		aspect-ratio: 1;
		z-index: 0;
		pointer-events: none;
		background-color: rgba(255, 255, 255, 0.05);
		-webkit-mask: center / contain no-repeat url(maltese-cross.svg);
		        mask: center / contain no-repeat url(maltese-cross.svg);
	}
	@media (prefers-reduced-motion: no-preference) {
		body::before { transition: opacity 0.4s ease; }
	}
}