/**
 * Adattamento dei blocchi Gutenberg al design system delle landing.
 *
 * Il tema e' classico e non dichiara theme.json, quindi Gutenberg avvolge ogni
 * core/group in un <div class="wp-block-group__inner-container"> che i template
 * scritti a mano non avevano. Quel div spezza la catena
 * .ord-section > .mag-container > .ord-section__head, che porta max-width,
 * centratura e margini: senza correzione il contenuto migrato perderebbe
 * l'incolonnamento.
 *
 * display:contents toglie il contenitore dal layout senza toccarne il markup:
 * i figli si comportano come se fossero diretti. E' l'unica regola che serve, e
 * vale per qualsiasi profondita' di annidamento.
 *
 * Stesso trattamento per il contenitore del post_content, cosi' le sezioni
 * restano figlie dirette di <main> come nei vecchi template.
 */

.ig-corso__body,
.ig-corso__body .wp-block-group__inner-container {
	display: contents;
}

/*
 * I blocchi core aggiungono classi proprie (wp-block-heading, wp-block-paragraph,
 * wp-block-table) che sul front end non portano stili — WordPress carica il CSS
 * dei blocchi solo per quelli effettivamente usati e il tema non ne eredita
 * spaziature. Sono qui azzerate per sicurezza: se un domani venisse caricato il
 * foglio completo dei blocchi, le landing non si sposterebbero.
 */
.ig-corso__body .wp-block-heading,
.ig-corso__body .wp-block-paragraph {
	margin-top: revert;
	margin-bottom: revert;
}

/*
 * Il blocco tabella avvolge la <table> in un <figure> che i template non
 * avevano: stesso trattamento dei contenitori di gruppo, cosi' la tabella resta
 * figlia diretta di .ord-tabella-wrap e ne eredita lo scroll orizzontale.
 */
.ig-corso__body .wp-block-table {
	display: contents;
}

/*
 * I tre blocchi di apertura sezione portavano lo stile in linea
 * (max-width:820px + margine inferiore variabile). In Gutenberg il gruppo non
 * espone max-width, quindi le tre varianti diventano classi di utilita' —
 * stessi valori, nessuno scostamento.
 */
.ig-corso__body .ord-lead-820,
.ig-corso__body .ord-lead-820--mb15,
.ig-corso__body .ord-lead-820--mb2 {
	max-width: 820px;
	margin-left: auto;
	margin-right: auto;
}

.ig-corso__body .ord-lead-820 {
	margin-top: 0;
	margin-bottom: 0;
}

.ig-corso__body .ord-lead-820--mb15 {
	margin-top: 0;
	margin-bottom: 1.5rem;
}

.ig-corso__body .ord-lead-820--mb2 {
	margin-top: 0;
	margin-bottom: 2rem;
}