/* Digitalia – layout a tutta larghezza (prova).
   Caricato solo con ?largo=1 (functions.php aggiunge la classe dg-largo al body).
   Il contenuto usa la larghezza dello schermo con margini proporzionali;
   il testo continuo resta a una misura leggibile, allineato a sinistra. */

body.dg-largo {
	--dg-gutter: clamp(24px, 5vw, 96px);
	--dg-max: 1760px;
	--dg-misura: 72ch;
	--wp--style--global--content-size: var(--dg-max);
	--wp--style--global--wide-size: var(--dg-max);
	--wp--style--root--padding-left: var(--dg-gutter);
	--wp--style--root--padding-right: var(--dg-gutter);
}

/* Barre con larghezza fissa nel tema: intestazione, percorso, barra di sezione */
.dg-largo .dg-testata__barra,
.dg-largo .dg-percorso__in,
.dg-largo .dg-sezbar__in {
	max-width: calc(var(--dg-max) + 2 * var(--dg-gutter));
	padding-left: var(--dg-gutter);
	padding-right: var(--dg-gutter);
}
.dg-largo .dg-pannello__box {
	max-width: min(1440px, calc(100% - 2 * var(--dg-gutter)));
}
.dg-largo .dg-fascia__in {
	max-width: var(--dg-max);
}

/* Testo continuo: misura leggibile, allineato al bordo sinistro del contenuto */
.dg-largo .is-layout-constrained > :is(p, ul:not([class]), ol:not([class]), .dg-lead):not(.alignfull):not(.alignwide):not(.has-text-align-center) {
	max-width: var(--dg-misura);
	padding-right: 0;
	margin-left: max(0px, calc((100% - var(--wp--style--global--content-size)) / 2)) !important;
	margin-right: auto !important;
}
.dg-largo .is-layout-constrained > :is(h1, h2):not(.alignfull):not(.alignwide):not(.has-text-align-center) {
	max-width: 32ch;
	margin-left: max(0px, calc((100% - var(--wp--style--global--content-size)) / 2)) !important;
	margin-right: auto !important;
}
.dg-largo .dg-lead { max-width: 64ch; }

/* Griglie: le colonne vuote si chiudono e gli elementi occupano la riga */
.dg-largo .wp-block-group.is-layout-grid {
	grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr)) !important;
}