/* Fix stabile: alcuni temi/containers possono forzare width:0 su widget/child */
.elementor-widget-my_hero_lcp_slideshow,
.elementor-widget-my_hero_lcp_slideshow .elementor-widget-container{
  width: 100% !important;
  max-width: 100% !important;
  min-width: 1px !important;
}

.elementor-widget-my_hero_lcp_slideshow .my-hero-wrap{
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  flex: 1 1 auto !important;
}

.my-hero-wrap{
  position: relative;
  min-height: 100vh;
  overflow: hidden;
}

/* Poster + Slideshow a strati */
.my-hero-poster,
.my-hero-slideshow{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.my-hero-poster{ z-index: 0; }
.my-hero-poster img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.my-hero-slideshow{ z-index: 1; }

/* Due layer per crossfade */
.my-hero-slideshow .my-slide{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: ease;
  will-change: opacity;
}

.my-hero-slideshow .my-slide.is-active{
  opacity: 1;
}

/* Contenuti sopra tutto (se li userai in futuro) */
.my-hero-content{
  position: relative;
  z-index: 2;
}

.my-hero-poster picture { display:block; width:100%; height:100%; }
.my-hero-poster picture > * { width:100%; height:100%; }