/* Conteneur */
.wp-mini-slider{
  position:relative;
  max-width:100%;
  margin:0 auto;
  overflow:hidden;
  font-family:sans-serif;
  background:#fff;padding-bottom:20px
}

/* Viewport */
.wp-mini-slider__viewport{
  position:relative;
  width:100%;
  overflow:hidden;
  border-radius:10px;
  background:#fff;
  /* suppression du aspect-ratio qui rogne */
  height:auto;
}

/* Slides */
.wp-mini-slider__slide{
  display:none;
}
.wp-mini-slider__slide.is-active{
  display:block;
}
.wp-mini-slider__slide img{
  display:block;
  width:100%;
  height:auto;          /* auto => pas de rognage vertical */
  object-fit:contain;   /* s’adapte sans couper */
  object-position:center;
  background:#fff;
}

/* Flèches */
.wp-mini-slider .wp-mini-slider__ctrl{
  position:absolute;
  bottom:14px;
  left:50%;
  transform:translateX(-50%);
  width:38px; 
  height:38px;
  display:flex; 
  align-items:center; 
  justify-content:center;
  z-index:10;
  color:#000;
  font-size:28px;
  font-weight:bold;
  background:#fff;


}
.wp-mini-slider .wp-mini-slider__ctrl:hover{

  transform:translateX(-50%) scale(1.1);
}
.wp-mini-slider .wp-mini-slider__ctrl.prev{ margin-left:-60px; }
.wp-mini-slider .wp-mini-slider__ctrl.next{ margin-left: 60px; }

/* Dots */
.wp-mini-slider .wp-mini-slider__dots{
  display:flex;
  gap:8px;
  justify-content:center;
  margin-top:12px;
}
.wp-mini-slider .wp-mini-slider__dots button{
  width:10px; height:10px;
  border-radius:50%;
  background:#bbb;
  opacity:.7;
  transition:opacity .2s, transform .06s, background-color .2s;padding:0px
}
.wp-mini-slider .wp-mini-slider__dots button[aria-current="true"]{
  background:#000;
  opacity:1;
}
.wp-mini-slider .wp-mini-slider__dots button:active{ transform:scale(.92); }

.wp-mini-slider *{ box-sizing:border-box; }
.wp-mini-slider img{ max-width:100% !important; height:auto !important; }

/* ---- Slider: supprime toute bordure/halo après clic ---- */
.wp-mini-slider .wp-mini-slider__ctrl,
.wp-mini-slider .wp-mini-slider__dots button{
  -webkit-appearance:none !important;
  appearance:none !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background-image:none !important;
  -webkit-tap-highlight-color: transparent;
}

/* Tous les états interactifs */
.wp-mini-slider .wp-mini-slider__ctrl:hover,
.wp-mini-slider .wp-mini-slider__ctrl:focus,
.wp-mini-slider .wp-mini-slider__ctrl:active,
.wp-mini-slider .wp-mini-slider__ctrl:focus-visible,
.wp-mini-slider .wp-mini-slider__dots button:hover,
.wp-mini-slider .wp-mini-slider__dots button:focus,
.wp-mini-slider .wp-mini-slider__dots button:active,
.wp-mini-slider .wp-mini-slider__dots button:focus-visible{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background-image:none !important;
}

/* Firefox: retire l’inner focus par défaut des <button> */
.wp-mini-slider .wp-mini-slider__ctrl::-moz-focus-inner,
.wp-mini-slider .wp-mini-slider__dots button::-moz-focus-inner{
  border:0 !important;
  padding:0 !important;
}

/* Optionnel: conserver l’accessibilité clavier avec un focus discret (remets une seule règle)
.wp-mini-slider .wp-mini-slider__ctrl:focus-visible,
.wp-mini-slider .wp-mini-slider__dots button:focus-visible{
  outline:2px solid rgba(0,0,0,.4);
  outline-offset:2px;
}
*/
