/**
 * Stili della pagina "I luoghi": una Cover per luogo (titolo, descrizione e
 * riga icona + indirizzo), contenuto inserito dall'editor e salvato nel
 * database. Tutte le regole sono limitate alle Cover che contengono un
 * blocco icona, cioè le card dei luoghi.
 *
 * Il contenuto vive nel database, quindi alcune regole prevalgono sugli
 * allineamenti salvati sui blocchi (classi di WordPress, o !important dove
 * WordPress li genera a sua volta con !important).
 */

/*
 * Tutti i testi a sinistra, anche nelle card alternate che in editor hanno
 * contenuto in basso a destra e testo allineato a destra.
 */
.wp-block-cover:has(.wp-block-icon).has-custom-content-position {
	justify-content: flex-start;
}

.wp-block-cover:has(.wp-block-icon) .has-text-align-right {
	text-align: left;
}

/* Group "constrained" giustificato a destra: WordPress spinge i figli a
   destra con margin-left:auto !important. */
.wp-block-cover:has(.wp-block-icon) .is-content-justification-right.is-layout-constrained > * {
	margin-left: 0 !important;
	margin-right: auto !important;
}

/* Riga icona + indirizzo giustificata a destra (layout flex). */
.wp-block-cover:has(.wp-block-icon) .is-content-justification-right.is-layout-flex {
	justify-content: flex-start;
}

/*
 * Icona del luogo allineata alla prima riga dell'indirizzo: stessa
 * dimensione del testo (preset "medium", come il paragrafo), altezza pari a
 * una riga, glifo centrato in quella riga. Prima era un riquadro da 24px
 * allineato alla cima del paragrafo, più alto della riga di testo, con 24px
 * di spazio prima dell'indirizzo: sembrava staccata e sfalsata.
 */
.wp-block-cover:has(.wp-block-icon) .wp-block-group.is-layout-flex:has(> .wp-block-icon) {
	align-items: flex-start;
	gap: var(--wp--preset--spacing--20);
}

.wp-block-cover:has(.wp-block-icon) .wp-block-icon {
	flex: none;
	display: flex;
	align-items: center;
	font-size: var(--wp--preset--font-size--medium);
	line-height: 1.6;
	height: 1lh;
}

.wp-block-cover:has(.wp-block-icon) .wp-block-icon svg {
	width: 1.25em;
	height: 1.25em;
}

/* Indirizzo cliccabile verso Google Maps (link aggiunto al render da
   inc/luoghi-links.php): stesso colore del testo, sottolineatura sottile che
   si accentua in hover/focus. */
.fl-luoghi__indirizzo-link {
	color: inherit;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.2em;
	transition: text-decoration-thickness 150ms;
}

.fl-luoghi__indirizzo-link:hover,
.fl-luoghi__indirizzo-link:focus-visible {
	color: inherit;
	text-decoration-thickness: 2px;
}

/*
 * Su mobile le card erano alte solo quanto il testo (minimo 430px di
 * default del blocco Cover): con il contenuto in basso restava pochissima
 * foto visibile. Almeno il 70% dell'altezza dello schermo (svh: con la
 * barra degli indirizzi visibile, come l'hero in homepage), così sopra il
 * testo c'è spazio per l'immagine; le card con descrizioni lunghe crescono
 * comunque col contenuto.
 */
@media (max-width: 781px) {
	.wp-block-cover:has(.wp-block-icon) {
		min-height: max( 430px, 70vh );
		min-height: max( 430px, 70svh );
	}
}