/* ==========================================================================
   Elementor dentro Twenty Twenty-One: full width reale
   ========================================================================== */

/* Il wrapper Elementor deve uscire dal limite di .entry-content */
body[class*="elementor-page-"] .entry-content > .elementor,
body.elementor-editor-active .entry-content > .elementor,
.entry-content > .elementor.elementor-edit-mode {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Evita micro-scroll orizzontale causato dal 100vw */
html,
body,
.site {
  overflow-x: clip;
}

/* Fallback per browser vecchi */
@supports not (overflow: clip) {
  html,
  body,
  .site {
	overflow-x: hidden;
  }
}

/* Elementor Containers nuovi: Boxed = dentro il container classico */
body[class*="elementor-page-"] .entry-content > .elementor .e-con.e-con-boxed > .e-con-inner,
body.elementor-editor-active .entry-content > .elementor .e-con.e-con-boxed > .e-con-inner {
  width: min(100% - 48px, 1520px) !important;
  max-width: 1520px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Elementor Containers nuovi: Full width = realmente pieno */
body[class*="elementor-page-"] .entry-content > .elementor .e-con.e-con-full,
body.elementor-editor-active .entry-content > .elementor .e-con.e-con-full {
  width: 100% !important;
  max-width: none !important;
}

/* Elementor Sections vecchie: Boxed */
body[class*="elementor-page-"] .entry-content > .elementor .elementor-section.elementor-section-boxed > .elementor-container,
body.elementor-editor-active .entry-content > .elementor .elementor-section.elementor-section-boxed > .elementor-container {
  max-width: 1520px !important;
}

/* Elementor Sections vecchie: Full width */
body[class*="elementor-page-"] .entry-content > .elementor .elementor-section.elementor-section-full_width > .elementor-container,
body.elementor-editor-active .entry-content > .elementor .elementor-section.elementor-section-full_width > .elementor-container {
  max-width: none !important;
}


@media (max-width: 575px) { 
  
  body[class*="elementor-page-"] .entry-content > .elementor .e-con.e-con-boxed > .e-con-inner, body.elementor-editor-active .entry-content > .elementor .e-con.e-con-boxed > .e-con-inner {
    width: 100% !important;
  }
  
}