/* ==========================================================================
   LE PAGINE DEI GRUPPI A PIENA PAGINA.
   --------------------------------------------------------------------------
   Richiesta del titolare (13/09/2026): "i gruppi dovrebbero andare a piena
   pagina .. senza colonna vetrina di destra - e aside colonna di sinistra va
   bene che rimanga toggle in versione mobile".

     . NIENTE vetrina a destra (la colonna non si costruisce nemmeno: vedi
       mood-shell.js, che legge la classe `no-vetrina` sul <body>)
     . colonna di SINISTRA come prima (e su telefono resta il cassetto col suo
       pulsante: comportamento invariato)
     . il contenuto usa la pagina intera: parte dopo la colonna di sinistra e
       arriva al bordo destro, invece di stare stretto e centrato a 680px
     . se chiudi la colonna (pulsante), il contenuto torna CENTRATO: non resta
       mezzo vuoto da una parte

   File a parte e caricato per ultimo, come gli altri dell'area: cosi' non lo
   tocca chi riscrive i fogli grandi.
   ========================================================================== */

/* Cintura e bretelle: se per qualsiasi motivo la colonna di destra esistesse
   lo stesso, qui non si vede. */
body.no-vetrina .mood-shell__right { display: none !important; }

/* Da 1150px in su la colonna di sinistra e' visibile (o e' il cassetto chiuso
   col pulsante). Il contenuto si prende lo spazio che resta. */
@media (min-width: 1150px) {
    body.gruppi-pagina:not(.shell-aside-closed) .mood-container {
        max-width: none;
        margin-left: calc(var(--shell-col-l, 292px) + 28px);
        margin-right: 28px;
    }
    /* Colonna chiusa col pulsante: il contenuto si ricentra e non lascia il
       vuoto a sinistra. */
    body.gruppi-pagina.shell-aside-closed .mood-container { max-width: 1000px; }
}

/* Sotto i 1150px: tutto come prima (cassetto + toggle), contenuto centrato. */
@media (max-width: 1149px) {
    body.gruppi-pagina .mood-container { max-width: 680px; margin-left: auto; margin-right: auto; }
}

/* La pagina del gruppo dentro lo spazio largo: la bacheca si prende il resto e
   la colonna delle informazioni resta leggibile. */
body.gruppi-pagina .gr-2col { grid-template-columns: minmax(0, 1fr); }
@media (min-width: 1100px) {
    body.gruppi-pagina .gr-2col { grid-template-columns: minmax(0, 1fr) minmax(0, 22rem); }
}

/* LA BACHECA DEL GRUPPO È UNA COLONNA DI SCHEDE DEL FEED (24/09/2026).
   Le schede sono le stesse del feed (`MoodFeed.renderPost`), quindi hanno i loro margini e i loro bordi:
   qui serve solo metterle in fila con lo stesso respiro che hanno nel feed, senza che si tocchino. */
.gr-bacheca .gr-schede { display: flex; flex-direction: column; gap: 14px; }
.gr-bacheca .gr-schede > .mood-post { margin: 0; }