/* AlignCom Dynamic BG Slider — Base CSS (v1.1.3)
   Variables injectées en inline CSS :
   --ac-blur, --ac-transition, --ac-gradient
*/

.aligncom-dbg-slider{
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

/* Overlay DOM : lit la variable de config */
.aligncom-dbg-slider > .ac-bg-overlay{
  position: absolute !important;
  inset: 0 !important;
  z-index: 10 !important;
  pointer-events: none !important;
  background: var(--ac-gradient, none) !important;
}

/* Calques image */
.aligncom-dbg-slider > .ac-bg-layer{
  position: absolute !important;
  inset: 0 !important;
  z-index: 5 !important;
  pointer-events: none !important;

  opacity: 0;
  transition: opacity var(--ac-transition, 2000ms) ease-in-out;
  filter: blur(var(--ac-blur, 3px));

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.aligncom-dbg-slider > .ac-bg-layer.active{
  opacity: 1;
}

/* Contenu au-dessus */
.aligncom-dbg-slider > :not(.ac-bg-layer):not(.ac-bg-overlay){
  position: relative !important;
  z-index: 20 !important;
}