/* ===== VArisotto — Allineamento e larghezza (layout.css) =====
   1) Testo centrato in tutto il contenuto.
   2) Nessun bordo laterale: fasce, griglie e riquadri vanno da bordo a bordo.
   Caricato per ultimo, dopo explorer / home / landing / toolkit. */

:root{--vr-pad:clamp(16px,3vw,56px)}

/* ---------- 1. TESTO AL CENTRO ---------- */
main,
main *:not(input):not(select):not(textarea):not(option),
.wp-site-blocks>footer,
.wp-site-blocks>footer *{text-align:center!important}

/* Le liste centrate tengono il puntino dentro la riga, così non “sfugge” a sinistra */
main ul,main ol{list-style-position:inside;padding-left:0;padding-right:0}
.vr-breadcrumb ol,
.vr-practical-actions,
.varisotto-toc ol{justify-content:center}

/* Un testo con larghezza massima (h1, sottotitoli, note…) resta al centro del suo spazio */
main :is(h1,h2,h3,h4,h5,h6,p,ul,ol,dl,blockquote,figcaption){margin-left:auto;margin-right:auto}
main :is(.vr-editorial-special-body,.vr-fire-content){margin-left:auto;margin-right:auto}

/* ---------- 2. LARGHEZZA PIENA ---------- */
body :is(main.wp-block-group,.wp-block-post-content,.entry-content,.vr-home,.vr-land,.vr-single){
  max-width:none!important;
  width:100%;
  padding-left:0!important;
  padding-right:0!important;
  margin-left:0!important;
  margin-right:0!important;
}
.vr-land :is(.vr-inner,.vr-inner-narrow),
.vr-home :is(.vr-inner,.vr-inner-narrow){
  max-width:none!important;
  width:100%;
  padding-left:0!important;
  padding-right:0!important;
}

/* Il testo non tocca il bordo dello schermo: il respiro lo dà il testo, non il blocco */
:is(.vr-inner,.vr-inner-narrow,.wp-block-post-content,.entry-content,.vr-hero-content,.vr-home-hero-content,.vr-breadcrumb)
  >:is(p,h1,h2,h3,h4,h5,h6,ul,ol,dl,blockquote,.vr-eyebrow,.vr-lede,.vr-note,.vr-hero-sub,.vr-hero-badges,.vr-hero-ctas,.vr-home-hero-ctas,ol){
  padding-left:var(--vr-pad);
  padding-right:var(--vr-pad);
}
.vr-breadcrumb{padding-left:0;padding-right:0}
.vr-explorer :is(.vr-filters,.vr-filter-row,.vr-chip-filters){padding-left:var(--vr-pad);padding-right:var(--vr-pad)}
.vr-explorer{max-width:none!important;padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important}

/* Griglie di schede: da bordo a bordo, separate da un filetto invece che da spazi vuoti */
.vr-cards-row,.vr-related-grid,.vr-product-grid,.vr-territory-grid,.vr-featured-grid,.vr-stories-grid,
.vr-card-grid,.vr-cards,.vr-products,.vr-made,.vr-process,.vr-album,.vr-why-list,.vr-keywords{
  width:100%;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
  gap:1px!important;
  background:var(--vr-border,#e6dcc9);
}
.vr-cards-row>*,.vr-related-grid>*,.vr-product-grid>*,.vr-territory-grid>*,.vr-featured-grid>*,
.vr-stories-grid>*,.vr-card-grid>*,.vr-cards>*,.vr-products>*,.vr-made>*,.vr-why-list>*{
  border-radius:0!important;
  box-shadow:none!important;
  margin:0!important;
}

/* Riquadri singoli: a tutta larghezza, senza angoli arrotondati né margini laterali */
.vr-practical-land,.vr-final-cta,.vr-philosophy,.vr-project-note,.vr-seasons,.vr-piano,
.vr-split,.vr-feature,.vr-symbol,.vr-wine,.vr-compare,.varisotto-toc,.vr-quote-band,
.vr-map-panel,.vr-identity-strip{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  border-radius:0!important;
}
.varisotto-toc{box-sizing:border-box;padding-left:var(--vr-pad);padding-right:var(--vr-pad)}
.varisotto-toc ol{max-width:none}

/* Righe di testo leggibili: i paragrafi restano centrati ma con una misura massima
   (su schermi molto larghi una riga di 250 caratteri non si legge). I blocchi no. */
:is(.vr-inner,.vr-inner-narrow,.wp-block-post-content,.entry-content)>:is(p,ul,ol,dl,blockquote){max-width:80ch}