/*
 * I due modelli di pagina.
 *
 * Poche righe apposta: qui non si disegna niente, si toglie solo di
 * mezzo il contenitore del tema. Il menù e il delivery hanno già i
 * loro fogli e sanno centrarsi da soli.
 */

/* ------------------------------------------------------------------ */
/* A tutta larghezza                                                   */

/*
 * Il contenuto esce dalla colonna in cui il tema l'ha messo, qualunque
 * sia e comunque sia annidata: si allarga quanto la finestra e si
 * riporta indietro della metà della differenza. Funziona anche dentro
 * tre contenitori centrati uno dentro l'altro, che è il caso normale
 * con un page builder.
 */
body.yummyit-wide .yummyit-full {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

/*
 * La barra di scorrimento verticale è dentro 100vw ma fuori dal 100%
 * della pagina: senza questo compare una barra orizzontale di una
 * quindicina di pixel.
 *
 * `clip` e non `hidden`: `hidden` su un antenato spegne `position:
 * sticky` dentro, e il carrello del delivery resta appiccicato in
 * cima. Sui browser vecchi che non conoscono `clip` la regola viene
 * ignorata e resta la barra: fastidiosa, non rotta.
 */
body.yummyit-wide,
body.yummyit-bare { overflow-x: clip; }

/* ------------------------------------------------------------------ */
/* Pagina nuda                                                         */

/*
 * Il tema non disegna più niente qui, ma il suo foglio di stile c'è
 * ancora — serve ai caratteri — e spesso mette margini sul body.
 */
body.yummyit-bare {
    margin: 0;
    padding: 0;
}

/*
 * Nessun margine: i nostri blocchi dipingono il proprio fondo fino ai
 * bordi e si spaziano da soli. Un padding qui lascerebbe intorno una
 * cornice del colore del tema, che con lo stile scuro si vede benissimo.
 */
.yummyit-bare-main {
    display: block;
    padding: 0;
}