/**
 * @file
 * Styles CSS pour le Simple Slider.
 */

/* Container principal du slider */
.simple-slider {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.simple-slider__container {
  position: relative;
  width: 100%;
  height: 100%;
}

/* Track contenant les slides */
.simple-slider__track {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  transition: transform 0.3s ease-in-out;
}

/* Slides individuels */
.simple-slider__slide {
  flex: 0 0 100%;
  width: 100%;
  height: 100%;
  position: relative;
}


/* Navigation par points */
.simple-slider__dots {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 10px;
  z-index: 10;
}

.simple-slider__dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.5);
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.simple-slider__dot:hover,
.simple-slider__dot--active {
  background-color: white;
}

/* Styles spécifiques pour les témoignages */
.simple-slider--paroles-de-victimes {
  height: 160px;
  max-height: 160px;
  background-color: #621616;
  color: white;
}

.simple-slider--paroles-de-victimes .simple-slider__track {
  margin-left: 42px; /* Espace pour la flèche gauche */
}

.simple-slider--paroles-de-victimes .simple-slider__slide {
  display: flex;
  align-items: stretch;
}

/* Responsive pour les témoignages */
@media screen and (max-width: 1024px) {
  .simple-slider--paroles-de-victimes .simple-slider__slide {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
      padding-right: 16%;
}

  .views-field-nothing {

    padding-left: 0;}

  .simple-slider--paroles-de-victimes {
    height: 350px;
    max-height: unset;
  }
  
  .simple-slider--paroles-de-victimes .simple-slider__arrow {
    width: 50px;
  }
  
  .simple-slider--paroles-de-victimes .simple-slider__track {
    margin-left: 50px;
  }
}

@media screen and (max-width: 768px) {
    .simple-slider--paroles-de-victimes .simple-slider__slide {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
    .views-field-nothing {

    padding-left: 0;}

      .simple-slider--paroles-de-victimes {
    height: 350px;
    max-height: unset;
  }
  
  .simple-slider--paroles-de-victimes .simple-slider__arrow {
    width: 50px;
  }
  
  .simple-slider--paroles-de-victimes .simple-slider__track {
    margin-left: 50px;
  }
}

@media screen and (max-width: 640px) {
    .simple-slider--paroles-de-victimes .simple-slider__slide {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
    .views-field-nothing {

    padding-left: 0;}
  .simple-slider--paroles-de-victimes {
    height: 350px;
    max-height: unset;
  }
  
  .simple-slider--paroles-de-victimes .simple-slider__arrow {
    width: 40px;
  }
  
  .simple-slider--paroles-de-victimes .simple-slider__track {
    margin-left: 40px;
  }
}

@media screen and (max-width: 450px) {
    .simple-slider--paroles-de-victimes .simple-slider__slide {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
    .views-field-nothing {

    padding-left: 0;}
  .simple-slider--paroles-de-victimes {
    height: 350px;
    max-height: unset;  }
  
  .simple-slider--paroles-de-victimes .simple-slider__arrow {
    width: 35px;
  }
  
  .simple-slider--paroles-de-victimes .simple-slider__track {
    margin-left: 35px;
  }
}

/* Masquer les éléments visuellement mais les garder accessibles */
.visually-hidden {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden !important;
  height: 1px !important;
  width: 1px !important;
  padding: 0 !important;
  border: 0 !important;
}