/**
 * Quello che il TEMA fa alla pagina, e che sulle pagine del builder va disfatto.
 *
 * ⚠ FOGLIO DEL SOLO SITO. Nel canvas dell'editor non si carica, e non avrebbe senso: là
 * dentro il tema non c'è: il `<main class="site-main">` è markup del tema, nell'iframe non
 * esiste nessun elemento con quella classe e la regola non farebbe match. Un foglio che
 * parla del tema si carica dove il tema c'è.
 *
 * ── IL PROBLEMA: LA PAGINA ERA TAPPATA A 1140px ───────────────────────────────────────
 *
 * Hello Elementor (tema padre, assets/css/theme.css) chiude il contenitore del contenuto:
 *
 *     @media (min-width: 1200px) {
 *         body:not([class*=elementor-page-]) .site-main { max-width: 1140px }
 *     }
 *
 * più le misure minori a 576/768/992px e 10px di padding sotto i 575px. Il `<main>` che
 * avvolge il contenuto — hello-theme-child-master/template-parts/single.php:15 — porta la
 * classe `site-main`, quindi la regola vale, e nessuna riga del builder poteva superare
 * quei 1140px: le righe boxate, che sono a 1370px, restavano ferme a 1140 e sembravano
 * ignorare la propria impostazione. Le righe a tutta larghezza, peggio ancora, di larghezza
 * intera non avevano niente.
 *
 * ── PERCHÉ UNA CLASSE SUL BODY E NON UN `:has()` ──────────────────────────────────────
 *
 * Quella regola del tema è scritta APPOSTA per essere disattivata da una classe sul body:
 * `:not([class*=elementor-page-])` è il modo in cui Elementor si sfila dal contenitore del
 * tema quando è lui a impaginare. Qui succede la stessa identica cosa — impagina il
 * builder, non il tema — e la si dichiara nello stesso modo, con una classe NOSTRA
 * (`se-builder-page`, aggiunta da SE_Builder_Frontend::body_class).
 *
 * Fingersi Elementor scrivendo una classe che contiene `elementor-page-` avrebbe funzionato
 * in una riga, ma legherebbe il builder alla presenza di quel plugin proprio mentre lo si
 * sta sostituendo: il giorno che Elementor esce, quella classe resta a mentire.
 *
 * ── LA SPECIFICITÀ, CHE QUI È UN CONTO STRETTO ────────────────────────────────────────
 *
 * La regola del tema vale (0,2,1): `body` (0,0,1) + `:not([class*=…])`, che conta quanto il
 * suo argomento e quindi (0,1,0), + `.site-main` (0,1,0).
 *
 * `body.se-builder-page .site-main` varrebbe ANCH'ESSA (0,2,1): pareggio, e a parità decide
 * l'ordine dei fogli. L'ordine sarebbe dalla nostra parte (SE_Builder_Frontend accoda a
 * priorità 100, dopo il tema), ma vincere di ordine vuol dire dipendere da come un domani
 * qualcuno accoda i fogli. `main.site-main` aggiunge l'elemento e porta a (0,2,2): vince per
 * conto suo, e resta vero anche se l'ordine cambia.
 *
 * Le media query non aggiungono specificità, quindi UNA regola senza media query batte tutte
 * e quattro le soglie del tema: non serve rincorrerle una per una.
 */

body.se-builder-page main.site-main {
	max-width: none;
	width: 100%;

	/* Il padding orizzontale del tema (10px sotto i 575px) se ne va con il resto: lo spazio
	   ai lati lo decide la riga — quelle a tutta larghezza hanno il loro 1rem, quelle boxate
	   si staccano dai bordi da sole. Due padding sommati farebbero un margine che nessuno ha
	   chiesto e che non si vede da dove viene.
	   In `inline` e non `left`/`right` per restare nella stessa forma del tema, che scrive
	   `padding-inline-start`/`end`. */
	padding-inline: 0;
}