/*
 * Condivisione e «Seguici»: i componenti di share.php e social.php.
 *
 * Tutto in nero, bianco e giallo del sito, senza i colori dei social.
 * La riga e le colonne prendono il colore del testo che le circonda: bordi e
 * icone restano leggibili sia sulle intestazioni chiare sia su quelle nere.
 * I colori scelti in Opzioni sito arrivano come variabili sull'elemento.
 */

.pr-condividi,
.pr-seguici-striscia,
.pr-seguici-banda,
.pr-seguici-piede,
.pr-seguici-menu,
.pr-seguici-scheda {
	--pr-giallo: #fcb900;
	--pr-nero: #151515;
	--pr-font-titoli: var(--wp--preset--font-family--barlow-condensed, "Barlow Condensed", "Arial Narrow", sans-serif);
	--pr-font-etichette: var(--wp--preset--font-family--barlow, Barlow, "Segoe UI", sans-serif);
	--pr-font-testo: var(--wp--preset--font-family--inter, Inter, system-ui, sans-serif);
	box-sizing: border-box;
}

.pr-condividi *,
.pr-seguici-striscia *,
.pr-seguici-banda *,
.pr-seguici-piede *,
.pr-seguici-menu *,
.pr-seguici-scheda * {
	box-sizing: border-box;
}

.pr-condividi svg,
.pr-seguici-striscia svg,
.pr-seguici-banda svg,
.pr-seguici-piede svg,
.pr-seguici-menu svg,
.pr-seguici-scheda svg {
	display: block;
	flex-shrink: 0;
}

.pr-condividi-nascosto {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

/* -------------------------------------------------------------------------
 * Pulsanti comuni
 * ---------------------------------------------------------------------- */

.pr-condividi__principale,
.pr-condividi__voce {
	align-items: center;
	appearance: none;
	cursor: pointer;
	display: inline-flex;
	font-family: var(--pr-font-etichette);
	font-size: 14px;
	font-weight: 800;
	gap: 10px;
	justify-content: center;
	letter-spacing: 0.06em;
	line-height: 1;
	min-height: 44px;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color 150ms ease, color 150ms ease, border-color 150ms ease;
}

.pr-condividi__principale {
	background: var(--pr-nero);
	border: 1.5px solid var(--pr-nero);
	color: #fff;
	padding: 0 18px 0 14px;
}

/*
 * Su un'intestazione nera il pulsante nero ha bisogno di un bordo:
 * la classe la mette lo script.
 */
.pr-condividi--su-scuro .pr-condividi__principale {
	border-color: rgba(255, 255, 255, 0.55);
}

.pr-condividi__icona-principale {
	color: var(--pr-giallo);
}

.pr-condividi__voce {
	background: transparent;
	border: 1.5px solid currentcolor;
	color: inherit;
	padding: 0;
	width: 44px;
}

.pr-condividi__voce--testo {
	padding: 0 16px 0 12px;
	width: auto;
}

.pr-condividi__principale:hover,
.pr-condividi__voce:hover {
	background: var(--pr-giallo);
	border-color: var(--pr-giallo);
	color: var(--pr-nero);
}

.pr-condividi__principale:hover .pr-condividi__icona-principale {
	color: var(--pr-nero);
}

.pr-condividi__voce.is-copiato {
	background: var(--pr-giallo);
	border-color: var(--pr-giallo);
	color: var(--pr-nero);
}

.pr-condividi__stato {
	font-family: var(--pr-font-etichette);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.pr-condividi__stato:empty {
	display: none;
}

/* -------------------------------------------------------------------------
 * Riga sotto titolo e firma
 * ---------------------------------------------------------------------- */

.pr-condividi--riga {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: var(--wp--preset--spacing--40, 1.5rem);
}

.pr-condividi--riga .pr-condividi__stato {
	margin-left: 6px;
}

@media (min-width: 782px) {

	.pr-condividi--riga .pr-condividi__voce--no-computer {
		display: none;
	}
}

/*
 * Su telefono «Condividi» prende lo spazio che resta accanto ai canali.
 * L'etichetta rimane finche' ci sta: quando il posto finisce va a capo, in
 * una seconda riga che il pulsante nasconde, e resta solo l'icona. Il nome
 * del pulsante, per chi usa un lettore di schermo, non cambia. Vale anche
 * per la barra in basso.
 */
@media (max-width: 781px) {

	.pr-condividi--riga {
		flex-wrap: nowrap;
		gap: 6px;
	}

	.pr-condividi--riga .pr-condividi__principale {
		align-content: flex-start;
		flex: 1 1 auto;
		flex-wrap: wrap;
		gap: 0 8px;
		height: 48px;
		min-width: 48px;
		overflow: hidden;
		padding: 0 12px;
	}

	.pr-condividi--riga .pr-condividi__principale > span {
		align-items: center;
		display: inline-flex;
		height: 45px;
	}

	.pr-condividi--riga .pr-condividi__voce {
		flex-shrink: 0;
		min-height: 48px;
		padding: 0;
		width: 44px;
	}

	.pr-condividi--riga .pr-condividi__voce--no-telefono,
	.pr-condividi--riga .pr-condividi__voce .pr-condividi__etichetta,
	.pr-condividi--riga .pr-condividi__stato {
		display: none;
	}
}

/* -------------------------------------------------------------------------
 * Colonna compatta, solo su computer
 * ---------------------------------------------------------------------- */

.pr-condividi--colonna {
	display: flex;
	flex-direction: column;
	gap: 8px;
	position: sticky;
	top: 120px;
}

.pr-condividi__intestazione {
	font-family: var(--pr-font-etichette);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.14em;
	line-height: 1;
	margin: 0;
	text-transform: uppercase;
}

.pr-condividi__segno {
	background: var(--pr-giallo);
	display: block;
	height: 4px;
	margin-bottom: 6px;
	width: 32px;
}

.pr-condividi--colonna .pr-condividi__voci {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.pr-condividi--colonna .pr-condividi__principale,
.pr-condividi--colonna .pr-condividi__voce {
	height: 48px;
	padding: 0;
	width: 48px;
}

/*
 * Nei comunicati la colonna sta nella barra laterale, sotto «Per la stampa».
 * La barra laterale si allunga quanto il testo, cosi' la colonna lo segue
 * come negli altri contenuti; il blocco la dispone a griglia, dove l'elemento
 * sticky non avrebbe spazio per muoversi.
 */
aside.comunicato-sidebar {
	display: flex;
	flex-direction: column;
	height: 100%;
}

aside.comunicato-sidebar > .pr-condividi--colonna {
	align-self: flex-start;
}

@media (max-width: 781px) {

	.pr-condividi--colonna {
		display: none;
	}
}

/* -------------------------------------------------------------------------
 * Barra fissa su telefono
 * ---------------------------------------------------------------------- */

.pr-condividi-barra {
	background: var(--pr-nero);
	bottom: 0;
	color: #fff;
	left: 0;
	padding: 0 12px calc(12px + env(safe-area-inset-bottom, 0px));
	position: fixed;
	right: 0;
	transform: translateY(110%);
	transition: transform 220ms ease;
	z-index: 90;
}

.pr-condividi-barra.is-visibile {
	transform: none;
}

.pr-condividi-barra__avanzamento {
	background: #3a3a3a;
	height: 3px;
	margin: 0 -12px 12px;
}

.pr-condividi-barra__avanzamento span {
	background: var(--pr-giallo);
	display: block;
	height: 3px;
	width: 0;
}

.pr-condividi-barra__azioni {
	display: flex;
	gap: 6px;
}

/* «Condividi» si comporta come nella riga su telefono: vedi sopra. */
.pr-condividi-barra .pr-condividi__principale {
	align-content: flex-start;
	background: transparent;
	border-color: #555;
	flex: 1 1 auto;
	flex-wrap: wrap;
	gap: 0 8px;
	height: 48px;
	min-width: 48px;
	overflow: hidden;
	padding: 0 12px;
}

.pr-condividi-barra .pr-condividi__principale > span {
	align-items: center;
	display: inline-flex;
	height: 45px;
}

.pr-condividi-barra .pr-condividi__voce {
	border-color: #555;
	color: #fff;
	flex-shrink: 0;
	min-height: 48px;
	width: 48px;
}

.pr-condividi-barra .pr-condividi__voce.is-copiato {
	color: var(--pr-nero);
}

.pr-condividi-barra__su {
	align-items: center;
	background: var(--pr-giallo);
	color: var(--pr-nero);
	display: inline-flex;
	flex-shrink: 0;
	justify-content: center;
	min-height: 48px;
	width: 48px;
}

.pr-condividi-barra .pr-condividi__stato {
	display: none;
}

/*
 * Sui telefoni da 360px spazi e margini si stringono, perche' «Condividi»
 * tenga l'etichetta accanto a quattro canali. Sotto, resta l'icona.
 */
@media (max-width: 380px) {

	.pr-condividi--riga,
	.pr-condividi-barra__azioni {
		gap: 4px;
	}

	.pr-condividi--riga .pr-condividi__principale,
	.pr-condividi-barra .pr-condividi__principale {
		gap: 0 6px;
		padding: 0 8px;
	}
}

@media (min-width: 782px) {

	.pr-condividi-barra {
		display: none;
	}
}

@media (max-width: 781px) {

	body.pr-con-barra .back-to-top {
		display: none !important;
	}

	body.pr-con-barra {
		padding-bottom: 76px;
	}

	/*
	 * Il pulsante flottante di iubenda sta in un angolo in basso, sopra i
	 * pulsanti della barra: finche' la barra e' in vista sale sopra di lei.
	 * La classe sul body la mette lo script.
	 */
	body.pr-con-barra .iubenda-tp-btn[data-tp-float^="bottom"] {
		transition: translate 220ms ease;
	}

	body.pr-barra-visibile .iubenda-tp-btn[data-tp-float^="bottom"] {
		translate: 0 calc(-76px - env(safe-area-inset-bottom, 0px));
	}
}

@media (prefers-reduced-motion: reduce) {

	.pr-condividi-barra,
	.pr-condividi__principale,
	.pr-condividi__voce,
	body.pr-con-barra .iubenda-tp-btn[data-tp-float^="bottom"] {
		transition: none;
	}
}

/* -------------------------------------------------------------------------
 * «Fai girare» in fondo al contenuto
 * ---------------------------------------------------------------------- */

/*
 * Titolo e pulsanti si affiancano solo se c'e' posto per tutti e due,
 * altrimenti vanno uno sotto l'altro: la banda finisce anche in colonne
 * strette, come la descrizione degli eventi, e non sa mai quanto sara' larga.
 */
.pr-condividi--fondo {
	align-items: center;
	background: var(--pr-giallo);
	color: var(--pr-nero);
	display: flex;
	flex-wrap: wrap;
	gap: 16px 40px;
	margin-top: var(--wp--preset--spacing--60, 3rem);
	padding: 28px clamp(20px, 4vw, 40px);
}

.pr-condividi__azioni {
	display: grid;
	gap: 10px;
}

.pr-condividi--fondo .pr-condividi__intro {
	flex: 999 1 260px;
	min-width: 0;
}

.pr-condividi--fondo .pr-condividi__azioni {
	flex: 1 1 320px;
	min-width: 0;
}

.pr-condividi--fondo > .pr-condividi__stato {
	flex-basis: 100%;
}

.pr-condividi__occhiello {
	font-family: var(--pr-font-etichette);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.14em;
	line-height: 1;
	margin: 0;
	text-transform: uppercase;
}

.pr-condividi--fondo .pr-condividi__titolo {
	color: inherit;
	font-family: var(--pr-font-titoli);
	font-size: clamp(1.9rem, 3.2vw, 2.6rem);
	font-weight: 900;
	line-height: 0.95;
	margin: 10px 0 0;
	text-transform: uppercase;
}

.pr-condividi__whatsapp {
	align-items: center;
	background: var(--pr-nero);
	color: #fff;
	display: flex;
	font-family: var(--pr-font-etichette);
	font-size: 15px;
	font-weight: 800;
	gap: 10px;
	justify-content: center;
	letter-spacing: 0.06em;
	min-height: 52px;
	padding: 0 22px;
	text-decoration: none;
	text-transform: uppercase;
}

.pr-condividi__whatsapp:hover {
	background: #000;
	color: var(--pr-giallo);
}

/*
 * Tutti in fila e tutti larghi uguale, almeno 40px: con sei canali stanno
 * su una riga anche su un telefono da 360px, e vanno a capo solo con molti
 * canali accesi.
 */
.pr-condividi--fondo .pr-condividi__voci,
.pr-condividi-firma .pr-condividi__voci {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.pr-condividi--fondo .pr-condividi__principale,
.pr-condividi--fondo .pr-condividi__voce,
.pr-condividi-firma .pr-condividi__principale,
.pr-condividi-firma .pr-condividi__voce {
	border-color: var(--pr-nero);
	flex: 1 1 0;
	min-height: 52px;
	min-width: 40px;
	padding: 0;
	width: auto;
}

.pr-condividi--fondo .pr-condividi__principale,
.pr-condividi-firma .pr-condividi__principale {
	background: transparent;
	color: var(--pr-nero);
}

.pr-condividi--fondo .pr-condividi__principale .pr-condividi__icona-principale,
.pr-condividi-firma .pr-condividi__principale .pr-condividi__icona-principale {
	color: inherit;
}

.pr-condividi--fondo .pr-condividi__voce:hover,
.pr-condividi--fondo .pr-condividi__principale:hover {
	background: var(--pr-nero);
	border-color: var(--pr-nero);
	color: var(--pr-giallo);
}

/* -------------------------------------------------------------------------
 * Pannello «Condividi»
 * ---------------------------------------------------------------------- */

.pr-condividi-pannello {
	background: #f8f7f4;
	border: 0;
	color: var(--pr-nero);
	max-width: 520px;
	padding: 0;
	width: calc(100% - 32px);
}

.pr-condividi-pannello::backdrop {
	background: rgba(21, 21, 21, 0.62);
}

/* Una colonna che non supera il pannello, qualunque cosa ci sia dentro. */
.pr-condividi-pannello__dentro {
	display: grid;
	gap: 18px;
	grid-template-columns: minmax(0, 1fr);
	padding: 20px 22px 26px;
}

.pr-condividi-pannello__testa {
	align-items: center;
	display: flex;
	justify-content: space-between;
}

.pr-condividi-pannello__titolo {
	font-family: var(--pr-font-titoli);
	font-size: 30px;
	font-weight: 900;
	line-height: 1;
	margin: 0;
	text-transform: uppercase;
}

.pr-condividi-pannello__chiudi {
	align-items: center;
	background: transparent;
	border: 1.5px solid var(--pr-nero);
	color: var(--pr-nero);
	cursor: pointer;
	display: inline-flex;
	height: 44px;
	justify-content: center;
	width: 44px;
}

.pr-condividi-pannello__anteprima {
	align-items: center;
	background: #fff;
	border: 1px solid #d9d6ce;
	display: flex;
	gap: 14px;
	padding: 12px;
}

.pr-condividi-pannello__immagine {
	flex-shrink: 0;
	height: 64px;
	object-fit: cover;
	width: 64px;
}

.pr-condividi-pannello__contenuto {
	font-family: var(--pr-font-etichette);
	font-size: 16px;
	font-weight: 700;
	line-height: 1.25;
	margin: 0;
}

.pr-condividi-pannello__dominio {
	color: #5e5d59;
	font-family: var(--pr-font-testo);
	font-size: 13px;
	margin: 4px 0 0;
}

.pr-condividi-pannello__canali {
	display: grid;
	gap: 16px 8px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.pr-condividi-pannello__canale {
	align-items: center;
	color: var(--pr-nero);
	display: flex;
	flex-direction: column;
	font-family: var(--pr-font-testo);
	font-size: 12px;
	font-weight: 500;
	gap: 8px;
	text-align: center;
	text-decoration: none;
}

.pr-condividi-pannello__cerchio {
	align-items: center;
	background: var(--pr-nero);
	border-radius: 50%;
	color: #fff;
	display: flex;
	height: 56px;
	justify-content: center;
	transition: background-color 150ms ease, color 150ms ease;
	width: 56px;
}

.pr-condividi-pannello__canale:hover .pr-condividi-pannello__cerchio {
	background: var(--pr-giallo);
	color: var(--pr-nero);
}

.pr-condividi-pannello__copia {
	display: flex;
	gap: 8px;
}

.pr-condividi-pannello__copia input {
	background: #fff;
	border: 1.5px solid var(--pr-nero);
	border-radius: 0;
	color: var(--pr-nero);
	flex: 1 1 0;
	font-family: var(--pr-font-testo);
	font-size: 14px;
	min-height: 48px;
	min-width: 0;
	padding: 0 12px;
}

/*
 * Su una riga sola anche quando la scritta, riscritta in Opzioni sito o
 * cambiata in «Link copiato», e' lunga: e' il campo accanto a stringersi.
 */
.pr-condividi-pannello__copia-pulsante {
	background: var(--pr-giallo);
	border: 0;
	color: var(--pr-nero);
	cursor: pointer;
	flex-shrink: 0;
	font-family: var(--pr-font-etichette);
	font-size: 15px;
	font-weight: 800;
	letter-spacing: 0.06em;
	min-height: 48px;
	padding: 0 18px;
	text-transform: uppercase;
	white-space: nowrap;
}

@media (max-width: 781px) {

	.pr-condividi-pannello {
		border-radius: 18px 18px 0 0;
		margin: auto 0 0;
		max-height: 92vh;
		max-width: none;
		width: 100%;
	}
}

/* -------------------------------------------------------------------------
 * «Adesso falla firmare»
 * ---------------------------------------------------------------------- */

.pr-condividi-firma {
	background: var(--pr-giallo);
	color: var(--pr-nero);
	display: grid;
	gap: 12px;
	margin: 18px 0;
	padding: 24px clamp(18px, 4vw, 32px);
}

.pr-condividi-firma:focus {
	outline: none;
}

.pr-condividi-firma .pr-condividi-firma__titolo {
	color: inherit;
	font-family: var(--pr-font-titoli);
	font-size: clamp(1.9rem, 3.2vw, 2.4rem);
	font-weight: 900;
	line-height: 0.95;
	margin: 0;
	text-transform: uppercase;
}

.pr-condividi-firma__testo {
	font-family: var(--pr-font-testo);
	font-size: 16px;
	line-height: 1.5;
	margin: 0;
}

.pr-condividi-firma__messaggio {
	background: #fff;
	border-radius: 12px 12px 12px 2px;
	font-family: var(--pr-font-testo);
	font-size: 14px;
	line-height: 1.5;
	margin: 0;
	padding: 12px 14px;
}

/* -------------------------------------------------------------------------
 * Striscia «Seguici» in cima
 * ---------------------------------------------------------------------- */

.pr-seguici-striscia {
	background: var(--pr-striscia-sfondo, #151515);
	border-bottom: var(--pr-striscia-spessore, 0) solid var(--pr-striscia-bordo, #fcb900);
	color: var(--pr-striscia-colore, #cfcfcf);
	font-family: var(--pr-font-testo);
	font-size: 12px;
	line-height: 1.3;
}

.pr-seguici-striscia__dentro {
	align-items: center;
	display: flex;
	gap: 16px;
	justify-content: space-between;
	margin: 0 auto;
	max-width: calc(1280px + 8rem);
	min-height: 40px;
	padding: 0 clamp(1.25rem, 5vw, 4rem);
}

.pr-seguici-striscia__testo {
	margin: 0;
}

.pr-seguici-striscia__reti {
	align-items: center;
	display: flex;
	gap: 2px;
}

.pr-seguici-striscia__etichetta {
	color: var(--pr-striscia-accento, #fcb900);
	font-family: var(--pr-font-etichette);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.16em;
	margin-right: 10px;
	text-transform: uppercase;
}

.pr-seguici-striscia__rete {
	align-items: center;
	color: var(--pr-striscia-icone, #fff);
	display: inline-flex;
	height: 34px;
	justify-content: center;
	width: 34px;
}

.pr-seguici-striscia__rete:hover {
	color: var(--pr-striscia-accento, #fcb900);
}

@media (max-width: 781px) {

	.pr-seguici-striscia:not(.pr-seguici-striscia--telefono) {
		display: none;
	}

	.pr-seguici-striscia__testo {
		display: none;
	}

	.pr-seguici-striscia__dentro {
		justify-content: flex-end;
	}

	.pr-seguici-striscia__rete {
		height: 44px;
		width: 44px;
	}
}

/* -------------------------------------------------------------------------
 * Banda «Seguici» sopra il footer
 * ---------------------------------------------------------------------- */

.pr-seguici-banda {
	background: var(--pr-banda-sfondo, #151515);
	border-top: 10px solid var(--pr-banda-accento, #fcb900);
	color: var(--pr-banda-colore, #fff);
}

/*
 * La banda e' un blocco di primo livello: senza questa regola WordPress
 * mette il suo spazio fra banda e footer.
 */
.pr-seguici-banda + footer {
	margin-block-start: 0;
}

.pr-seguici-banda__dentro {
	display: grid;
	gap: 28px 60px;
	margin: 0 auto;
	max-width: calc(1280px + 8rem);
	padding: clamp(40px, 6vw, 72px) clamp(1.25rem, 5vw, 4rem);
}

.pr-seguici-banda__occhiello {
	color: var(--pr-banda-accento, #fcb900);
	font-family: var(--pr-font-etichette);
	font-size: 15px;
	font-weight: 800;
	letter-spacing: 0.16em;
	line-height: 1;
	margin: 0;
	text-transform: uppercase;
}

.pr-seguici-banda__titolo {
	color: inherit;
	font-family: var(--pr-font-titoli);
	font-size: clamp(2.6rem, 5vw, 4.5rem);
	font-weight: 900;
	line-height: 0.9;
	margin: 14px 0 0;
	text-transform: uppercase;
}

.pr-seguici-banda__testo {
	font-family: var(--pr-font-testo);
	font-size: 18px;
	line-height: 1.5;
	margin: 16px 0 0;
	max-width: 30em;
}

.pr-seguici-banda__reti {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pr-seguici-banda__rete {
	align-items: center;
	background: var(--pr-banda-riquadri, #262626);
	border: 1px solid var(--pr-banda-riquadri-bordo, #3a3a3a);
	color: var(--pr-banda-riquadri-testo, #fff);
	display: flex;
	gap: 12px;
	min-height: 60px;
	padding: 0 14px;
	text-decoration: none;
	transition: border-color 150ms ease;
}

.pr-seguici-banda__rete:hover {
	border-color: var(--pr-banda-accento, #fcb900);
	color: var(--pr-banda-riquadri-testo, #fff);
}

.pr-seguici-banda__rete-icona {
	color: var(--pr-banda-accento, #fcb900);
}

.pr-seguici-banda__rete-testo {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.pr-seguici-banda__rete-nome {
	font-family: var(--pr-font-etichette);
	font-size: 16px;
	font-weight: 800;
	line-height: 1.1;
	text-transform: uppercase;
}

.pr-seguici-banda__rete-account {
	display: none;
	font-family: var(--pr-font-testo);
	font-size: 13px;
	opacity: 0.8;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.pr-seguici-banda__rete--newsletter {
	background: var(--pr-banda-accento, #fcb900);
	border-color: var(--pr-banda-accento, #fcb900);
	color: #151515;
}

.pr-seguici-banda__rete--newsletter:hover {
	border-color: currentcolor;
	color: #151515;
}

.pr-seguici-banda__rete--newsletter .pr-seguici-banda__rete-icona {
	color: #151515;
}

@media (min-width: 640px) {

	.pr-seguici-banda__reti {
		gap: 12px;
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.pr-seguici-banda__rete {
		align-items: flex-start;
		flex-direction: column;
		justify-content: space-between;
		min-height: 104px;
		padding: 18px 16px;
	}

	.pr-seguici-banda__rete-account {
		display: block;
	}
}

@media (min-width: 1024px) {

	.pr-seguici-banda__dentro {
		align-items: center;
		grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
	}
}

/* -------------------------------------------------------------------------
 * Icone nel footer e «Seguici» nel menu su telefono
 * ---------------------------------------------------------------------- */

.pr-seguici-piede {
	align-items: center;
	border-top: 1px solid #333;
	display: flex;
	gap: 6px;
	justify-content: flex-end;
	margin-top: var(--wp--preset--spacing--60, 3rem);
	padding-top: 14px;
}

.pr-seguici-piede__etichetta,
.pr-seguici-menu__etichetta {
	color: var(--pr-giallo);
	font-family: var(--pr-font-etichette);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.16em;
	margin: 0 8px 0 0;
	text-transform: uppercase;
}

.pr-seguici-piede__reti {
	display: flex;
	gap: 2px;
}

.pr-seguici-piede__rete {
	align-items: center;
	color: #fff;
	display: inline-flex;
	height: 44px;
	justify-content: center;
	width: 44px;
}

.pr-seguici-piede__rete:hover {
	color: var(--pr-giallo);
}

.pr-seguici-menu {
	border-top: 1px solid #333;
	margin-top: var(--wp--preset--spacing--50, 2rem);
	padding-top: 18px;
}

.pr-seguici-menu__etichetta {
	margin-bottom: 12px;
}

.pr-seguici-menu__reti {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	max-width: 420px;
}

.pr-seguici-menu__rete {
	align-items: center;
	border: 1px solid #3a3a3a;
	color: #e0e0e0;
	display: flex;
	flex-direction: column;
	font-family: var(--pr-font-testo);
	font-size: 12px;
	font-weight: 500;
	gap: 8px;
	justify-content: center;
	min-height: 76px;
	text-decoration: none;
	text-transform: none;
}

.pr-seguici-menu__rete:hover {
	border-color: var(--pr-giallo);
	color: var(--pr-giallo);
}

/* -------------------------------------------------------------------------
 * Scheda «Seguici» in fondo ai contenuti
 * ---------------------------------------------------------------------- */

.pr-seguici-scheda {
	background: var(--pr-nero);
	color: #fff;
	display: grid;
	gap: 6px;
	padding: 26px clamp(20px, 4vw, 40px);
}

.pr-seguici-scheda__occhiello {
	color: var(--pr-giallo);
	font-family: var(--pr-font-etichette);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.14em;
	line-height: 1;
	margin: 0;
	text-transform: uppercase;
}

/*
 * Due classi: negli eventi `.single-evento-content-area h2` del tema
 * ingrandirebbe il titolo.
 */
.pr-seguici-scheda .pr-seguici-scheda__titolo {
	color: inherit;
	font-family: var(--pr-font-titoli);
	font-size: clamp(1.7rem, 3vw, 2.2rem);
	font-weight: 900;
	line-height: 1;
	margin: 6px 0 10px;
	text-transform: uppercase;
}

/*
 * Tante colonne quante ne entrano: la scheda sta dove sta la banda
 * «Fai girare», e ne segue la larghezza.
 */
.pr-seguici-scheda__reti {
	column-gap: 32px;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr));
}

.pr-seguici-scheda__rete {
	align-items: center;
	border-top: 1px solid #333;
	color: #fff;
	display: flex;
	gap: 14px;
	min-height: 56px;
	text-decoration: none;
}

.pr-seguici-scheda__rete:hover {
	color: var(--pr-giallo);
}

.pr-seguici-scheda__rete-icona {
	color: var(--pr-giallo);
}

.pr-seguici-scheda__rete-testo {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.pr-seguici-scheda__rete-nome {
	font-family: var(--pr-font-etichette);
	font-size: 15px;
	font-weight: 800;
	text-transform: uppercase;
}

.pr-seguici-scheda__rete-account {
	color: #bdbdbd;
	font-family: var(--pr-font-testo);
	font-size: 13px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* -------------------------------------------------------------------------
 * Focus da tastiera, per ultimo: vale su tutte le regole sopra
 * ---------------------------------------------------------------------- */

.pr-condividi a:focus-visible,
.pr-condividi button:focus-visible,
.pr-condividi input:focus-visible,
.pr-seguici-striscia a:focus-visible,
.pr-seguici-banda a:focus-visible,
.pr-seguici-piede a:focus-visible,
.pr-seguici-menu a:focus-visible,
.pr-seguici-scheda a:focus-visible {
	outline: 3px solid var(--pr-giallo);
	outline-offset: 2px;
}