/* ===================================================================
======================================================================
BASE CSS EMBLA ( Start )
======================================================================
====================================================================*/

.embla{
    position: relative;
}
      
.embla__viewport{
    position: relative;
    overflow: hidden;
    /* 🚀 Fluidité GPU */
    will-change: transform;
    transform: translateZ(0);
}

.embla__container {
    display: flex;
    margin-right: calc(var(--slide-gap, 1.5rem) * -1);
}

.embla__slide {
    flex: 0 0 var(--embla-slide-width, calc((100% / var(--slide-per-view, 3)) - var(--slide-gap, 1.5rem)));
    min-width: 0;
    margin-right: var(--slide-gap, 1.5rem);
    display: flex;
    align-items: center;
}
  
.embla__dots{
    display: flex;
    gap:5px;
    justify-content: center;
}

.embla__button--prev, .embla__button--next{
    height: 38px;
    width: 38px;
    background-color: #eeeeee;
    line-height: 0;
    border-radius: 4px;
    opacity: 1;
    transition: .3s;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    transform-origin: center;
  }

  .embla__button--next{
    left: auto;
    right: 10px;
  }
  
  .embla__button--prev svg, .embla__button--next svg{
    width: 20px;
  }
  
  .embla__button--prev svg{
    transform: rotate(0deg);
  }

  button.embla__dot {
    height: 10px;
    width: 10px;
    background: #F4F4F4F5;
}

button.embla__dot.embla__dot--selected {
    background: black;
}


  /* Smooth scroll pour navigateurs modernes */
@media (prefers-reduced-motion: no-preference) {
  .embla__viewport {
    scroll-behavior: smooth;
  }
}

/* ===================================================================
======================================================================
BASE CSS EMBLA ( End )
======================================================================
====================================================================*/