/* ===== HERO/BANNER FULL-BLEED + NESSUNA TINTA ===== */

/* lascia passare l’overflow del blocco fuori dal container */
#main-content.container,
#main-content.container .blocks-inner.page-layout-normal {
  overflow: visible !important;
}

/* porta il BLOCCO fuori dal container (full width viewport) */
.block.block-image-banner {
  padding-left: 0 !important;
  padding-right: 0 !important;

  /* breakout rispetto al container centrato */
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  width: 100vw !important;
  max-width: 100vw !important;
}

/* la sezione interna può restare al 100% del blocco */
.block.block-image-banner .image-banner {
  width: 100% !important;
}

/* RIMUOVI QUALSIASI OVERLAY/TINTA */
.block.block-image-banner .image-banner.tint-light,
.block.block-image-banner .image-banner.tint-dark,
.block.block-image-banner .overlay-container,
.block.block-image-banner .image-banner::before,
.block.block-image-banner .image-banner::after {
  background: none !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
}

/* IMMAGINE: copre tutto il banner (se è un <img>) */
.block.block-image-banner .image-banner .image-container img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* Se il tema usa background su .image-container, copri comunque */
.block.block-image-banner .image-banner .image-container {
  background-size: cover !important;
  background-position: center !important;
  min-height: 60vh; /* regola l’altezza che vuoi */
}

/* prevenzione scroll orizzontale in alcuni temi */
html, body { overflow-x: hidden; }

.block.block-image-banner .image-banner {
  left: 50%; right: 50%;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  width: 100vw !important; max-width: 100vw !important;
  position: relative;
}