/* Schede delle sedi.
   Colori e caratteri arrivano dai token del tema, con un valore di riserva per
   quando il plugin gira altrove. Lo sfondo della fascia con il nome della città
   non è dichiarato qui: la fascia porta le classi native di WordPress
   (has-accent-background-color, has-on-accent-color), così segue l'accento
   scelto nel Personalizza senza che il plugin debba saperne niente. */

.colectivo-sedi {
	display: grid;
	grid-template-columns: repeat(var(--colectivo-sedi-colonne, 3), minmax(0, 1fr));
	gap: 1.5rem;
	margin-block: 2rem;
}

.colectivo-sede {
	display: flex;
	flex-direction: column;
	background: var(--sc-color-surface, #fff);
	border: 1px solid var(--sc-color-border, rgba(0, 0, 0, 0.14));
}

/* Il selettore passa dal figlio perche' WordPress dà ai titoli con sfondo un
   padding suo — h3:where(.wp-block-heading).has-background, 1.25em 2.375em —
   che vale 0,1,1 e batterebbe la classe da sola. Con il combinatore siamo a
   0,2,0 e la fascia resta alta quanto la vuole la scheda. */
.colectivo-sede > .colectivo-sede__citta {
	margin: 0;
	padding: 0.8rem 1.25rem;
	font-family: var(--sc-font-heading, inherit);
	font-weight: 800;
	font-size: 1.5rem;
	line-height: 1.1;
	text-transform: uppercase;
	letter-spacing: 0.01em;
}

.colectivo-sede__corpo {
	flex: 1;
	display: flex;
	flex-direction: column;
	padding: 1.25rem;
}

.colectivo-sede__luogo {
	margin: 0 0 0.2rem;
	font-weight: 700;
}

.colectivo-sede__via {
	margin: 0 0 1rem;
	color: var(--sc-color-muted, #5e748c);
	font-size: var(--sc-body-size, 1rem);
}

/* Il giorno e l'ora chiudono la scheda: margin-top:auto li tiene in basso anche
   quando una sede ha meno righe delle altre, così il filo sopra è allineato. */
.colectivo-sede__quando {
	margin: auto 0 0;
	padding-top: 0.9rem;
	border-top: 1px solid var(--sc-color-border, rgba(0, 0, 0, 0.14));
	font-family: var(--sc-font-heading, inherit);
	font-weight: 600;
	font-size: var(--sc-size-small, 0.875rem);
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

@media (max-width: 782px) {
	.colectivo-sedi {
		grid-template-columns: 1fr;
	}
}