/* The flash should fill the Elementor widget wrapper and let the parent alignment do its job */
.ecofusion-flash {
  display: grid;          /* grid-overlap crossfade */
  grid-template: 1fr / 1fr;
  width: 100%;            /* fill the widget wrapper width (set that in Elementor) */
  max-width: 100%;
  position: relative;
  overflow: hidden;
  min-height: var(--eflash-minh, 2em);
  --eflash-fade: 380ms;   /* adjust via CSS var / data-fade / payload.fade */
}

/* Slides overlap within the same grid cell */
.ecofusion-flash__slide {
  grid-area: 1 / 1;
  display: block;
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--eflash-fade) ease-in-out;
  will-change: opacity;
  backface-visibility: hidden;
  text-decoration: none;
}

.ecofusion-flash__slide.is-visible { opacity: 1; pointer-events: auto; }

/* Boot mode so first paint shows both title + desc without flicker */
.ecofusion-flash.is-booting .ecofusion-flash__slide {
  transition: none !important;
  opacity: 1;
  pointer-events: auto;
}

/* Only text alignment should be controlled here (via your existing Style control) */
.ecofusion-flash__title { margin: 0 0 .35rem; line-height: 1.2; }
.ecofusion-flash__desc  { margin: 0; line-height: 1.5; }