/* ===== ÉDITEURS CARROUSEL STABLE V7 ===== */

.slp-editeurs-carousel,
.ecp-carousel-wrapper,
.editeurs-carousel,
[data-editeurs-carousel]{
  --slp-speed: 18s;
  position: relative !important;
  overflow: hidden !important;
  width: 100% !important;
  padding: 34px 70px !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 20% 20%, rgba(20,72,159,.10), transparent 34%),
    radial-gradient(circle at 80% 70%, rgba(20,72,159,.08), transparent 34%),
    linear-gradient(135deg, #ffffff, #f7faff) !important;
  box-shadow: inset 0 0 0 1px rgba(20,72,159,.08), 0 18px 55px rgba(20,72,159,.08) !important;
}

.slp-editeurs-track,
.ecp-carousel-track,
.editeurs-track{
  display: flex !important;
  align-items: center !important;
  gap: 28px !important;
  width: max-content !important;
  will-change: transform !important;
  animation: slp-editeurs-loop var(--slp-speed) linear infinite !important;
}

.slp-editeurs-carousel:hover .slp-editeurs-track,
.ecp-carousel-wrapper:hover .ecp-carousel-track,
.editeurs-carousel:hover .editeurs-track,
[data-editeurs-carousel]:hover .editeurs-track{
  animation-play-state: paused !important;
}

.slp-editeurs-carousel.slp-editeurs-reverse .slp-editeurs-track,
.ecp-carousel-wrapper.slp-editeurs-reverse .ecp-carousel-track,
.editeurs-carousel.slp-editeurs-reverse .editeurs-track,
[data-editeurs-carousel].slp-editeurs-reverse .editeurs-track{
  animation-direction: reverse !important;
}

@keyframes slp-editeurs-loop{
  from{ transform: translate3d(0,0,0); }
  to{ transform: translate3d(-50%,0,0); }
}

.slp-editeurs-track > *,
.ecp-carousel-track > *,
.editeurs-track > *{
  flex: 0 0 auto !important;
}

.slp-editeurs-track a,
.ecp-carousel-track a,
.editeurs-track a,
.slp-editeurs-track a *,
.ecp-carousel-track a *,
.editeurs-track a *{
  pointer-events: auto !important;
  cursor: pointer !important;
}

.slp-editeurs-track a,
.ecp-carousel-track a,
.editeurs-track a{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 260px !important;
  height: 128px !important;
  padding: 20px !important;
  border-radius: 24px !important;
  background: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(20,72,159,.10) !important;
  box-shadow: 0 12px 30px rgba(20,72,159,.10) !important;
  text-decoration: none !important;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
}

.slp-editeurs-track a:hover,
.ecp-carousel-track a:hover,
.editeurs-track a:hover{
  transform: translateY(-5px) scale(1.025) !important;
  box-shadow: 0 18px 42px rgba(20,72,159,.18) !important;
  border-color: rgba(20,72,159,.22) !important;
}

.slp-editeurs-track img,
.ecp-carousel-track img,
.editeurs-track img{
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  display: block !important;
}

.slp-editeurs-carousel::before,
.slp-editeurs-carousel::after,
.ecp-carousel-wrapper::before,
.ecp-carousel-wrapper::after,
.editeurs-carousel::before,
.editeurs-carousel::after,
[data-editeurs-carousel]::before,
[data-editeurs-carousel]::after{
  content:"" !important;
  position:absolute !important;
  top:0 !important;
  bottom:0 !important;
  width:110px !important;
  z-index:4 !important;
  pointer-events:none !important;
}

.slp-editeurs-carousel::before,
.ecp-carousel-wrapper::before,
.editeurs-carousel::before,
[data-editeurs-carousel]::before{
  left:0 !important;
  background:linear-gradient(90deg, rgba(255,255,255,1), rgba(255,255,255,0)) !important;
}

.slp-editeurs-carousel::after,
.ecp-carousel-wrapper::after,
.editeurs-carousel::after,
[data-editeurs-carousel]::after{
  right:0 !important;
  background:linear-gradient(270deg, rgba(255,255,255,1), rgba(255,255,255,0)) !important;
}

/* Boutons modernes */
.slp-editeurs-prev,
.slp-editeurs-next,
.ecp-nav.prev,
.ecp-nav.next,
.editeurs-prev,
.editeurs-next{
  position:absolute !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:46px !important;
  height:46px !important;
  border-radius:999px !important;
  border:0 !important;
  background:#ffffff !important;
  color:#14489f !important;
  box-shadow:0 12px 34px rgba(20,72,159,.22) !important;
  cursor:pointer !important;
  z-index:8 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:0 !important;
  transition: transform .22s ease, background .22s ease, color .22s ease !important;
}

.slp-editeurs-prev:hover,
.slp-editeurs-next:hover,
.ecp-nav.prev:hover,
.ecp-nav.next:hover,
.editeurs-prev:hover,
.editeurs-next:hover{
  background:#14489f !important;
  color:#fff !important;
  transform:translateY(-50%) scale(1.08) !important;
}

.slp-editeurs-prev,
.ecp-nav.prev,
.editeurs-prev{ left:18px !important; }

.slp-editeurs-next,
.ecp-nav.next,
.editeurs-next{ right:18px !important; }

.slp-editeurs-prev::before,
.ecp-nav.prev::before,
.editeurs-prev::before{
  content:"‹" !important;
  font-size:34px !important;
  line-height:1 !important;
  font-weight:300 !important;
  margin-top:-3px !important;
}

.slp-editeurs-next::before,
.ecp-nav.next::before,
.editeurs-next::before{
  content:"›" !important;
  font-size:34px !important;
  line-height:1 !important;
  font-weight:300 !important;
  margin-top:-3px !important;
}

/* Supprime visuellement les dots si l’ancienne version en sort encore */
.slp-editeurs-dots,
.ecp-dots,
.editeurs-dots,
.swiper-pagination{
  display:none !important;
}

@media(max-width:768px){
  .slp-editeurs-carousel,
  .ecp-carousel-wrapper,
  .editeurs-carousel,
  [data-editeurs-carousel]{
    padding: 26px 52px !important;
  }

  .slp-editeurs-track a,
  .ecp-carousel-track a,
  .editeurs-track a{
    width: 210px !important;
    height: 105px !important;
  }

  .slp-editeurs-prev,
  .slp-editeurs-next,
  .ecp-nav.prev,
  .ecp-nav.next,
  .editeurs-prev,
  .editeurs-next{
    width:38px !important;
    height:38px !important;
  }
}