/*
 * Le schede del blog, su telefono e tablet.
 *
 * Misurato sulla pagina viva (390, 768 e 1440 px) dopo la segnalazione di
 * Gherardo «il blog su mobile non e' formattato al meglio, l'inglese pure
 * peggio» (task Asana 1217718923199278). Due difetti distinti.
 *
 * 1) Il titolo della scheda in evidenza (.ft-featured-title) ha l'interlinea
 *    PIU' PICCOLA del carattere: 28px con riga da 29,4 su telefono e tablet
 *    (rapporto 1,05), 36px con riga da 34,56 su desktop (rapporto 0,96: le
 *    righe si sovrappongono). Su desktop non si nota perche' il titolo sta in
 *    una riga; su telefono va a capo tre o quattro volte e le righe si toccano.
 *    Il titolo grande della pagina (.hero-title) e' fatto bene, 1,2.
 *    Corretto qui, per davvero.
 *
 * 2) Le schede normali (blocco PostX) in inglese e spagnolo NON AVEVANO IL
 *    LORO CSS. PostX genera il CSS di ogni blocco nell'editor e lo salva per
 *    pagina (meta _ultp_css e file uploads/ultimate-post/ultp-css-<id>.css),
 *    con le regole legate all'id del blocco. Quando WPML riscrive il contenuto
 *    di una traduzione, il blocco arriva con un id nuovo e nessuno rigenera il
 *    CSS: la pagina inglese aveva il blocco ea3833 e il CSS di un blocco
 *    397425 che non esisteva piu'; quella spagnola non aveva CSS affatto.
 *    Senza le regole del blocco, su telefono foto e titolo restavano
 *    affiancati in una colonna da 64 pixel, e il titolo usciva a 28px invece
 *    che a 16.
 *    La causa e' stata corretta nei dati il 18/9/2026 (n8n-ai/scripts/
 *    postx-css-traduzioni.js: le traduzioni hanno lo stesso id e lo stesso
 *    CSS dell'originale). Le regole qui sotto sotto i 921/768 px NON servono
 *    piu' a correggere: sono la rete di sicurezza se il CSS del blocco
 *    sparisce di nuovo alla prossima traduzione. Con queste la scheda si
 *    impila e il titolo resta a 16px anche senza il suo CSS; quando il CSS
 *    del blocco c'e', vince lui (stessi valori, regole piu' specifiche).
 *
 * La nota del 16/9 diceva «la pagina inglese non ha ricevuto le stesse
 * impostazioni di quella italiana»: era sbagliata. Le impostazioni del blocco
 * erano identiche (47 attributi su 49; gli altri due sono l'id e l'elenco
 * degli articoli esclusi); mancava il CSS generato.
 */

/*
 * Due classi, non una: con `.ft-featured-title` da solo la regola perdeva,
 * perche' l'interlinea storta arriva da una regola sull'elemento (classe +
 * h2), piu' specifica di una classe sola. Provato sulla pagina viva prima di
 * rilasciare: con una classe restava 29,4px, con due va a 35px.
 */
.ft-featured-card .ft-featured-title {
	line-height: 1.25;
}

/* Rete di sicurezza per le schede PostX senza il loro CSS (vedi punto 2). */
@media (max-width: 921px) {
	.ultp-block-title {
		font-size: 16px;
	}
}

@media (max-width: 768px) {
	.ultp-block-media .ultp-block-content-wrap {
		display: block;
	}

	.ultp-block-item .ultp-block-image {
		margin-right: 0;
		margin-left: 0;
		max-width: 100%;
	}

	.ultp-block-media .ultp-block-content-wrap .ultp-block-content {
		padding: 0;
	}
}