/**
 * Slider témoignages - Contre la traite
 * Drupal 11 - Migration des styles du slider témoignages
 */

#block-contrelatraited11-views-block-paroles-de-victimes-block-3 {
  /* Titre "PAROLES DE VICTIMES" - Positionné en haut */
  .temoignage-title {
    font-size: 14px;
    font-weight: bold;
    color: var(--color-white);
    text-transform: uppercase;
    letter-spacing: 1px;
  }

  /* Nom de la personne - En italique selon l'ancien code avec Georgia */
  h3 {
    line-height: normal;
    display: block;
    font-size: 20px;
    font-weight: bold;
    font-family: Georgia, serif;
    font-style: italic;
  }

  h3 a {
    color: var(--color-white);
    text-decoration: none;
    font-style: italic;
    font-family: Georgia, serif;
  }

  h3 a:hover {
    text-decoration: underline;
  }

  /* Description/statut - Style selon le modèle */
  .views-field-nothing {
    color: var(--color-white);
    font-size: 16px;
    padding-left: 8px;
    line-height: 1;
    font-weight: normal;
    width: 76%;
  }

  /* Bouton "LIRE LE TÉMOIGNAGE" - Style exact du modèle */
  .bt-more {
    padding: 2px var(--spacing-xs);
    color: var(--color-white);
    display: inline-block;
    text-transform: uppercase;
    background-color: var(--color-red);
    overflow: hidden;
    font-size: 16px;
    margin-top: var(--spacing-lg);
    font-weight: bold;
    text-decoration: none;
  }

  .bt-more:hover {
    background-color: var(--color-darker-red);
    text-decoration: none;
  }
}

/* Navigation par flèches */
.simple-slider--paroles-de-victimes {
  position: relative;
}

.simple-slider--paroles-de-victimes .simple-slider__navigation {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: var(--z-index-overlay);
}

.simple-slider--paroles-de-victimes .simple-slider__arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 42px;
  height: 100%;
  background: none;
  border: none;
  cursor: pointer;
  pointer-events: auto;
  z-index: 11;
  transition: opacity 0.3s ease;
  background-color: var(--color-dark-red) !important;
  color: var(--color-white);
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.simple-slider--paroles-de-victimes .simple-slider__arrow:hover {
  opacity: 0.8;
}

.simple-slider--paroles-de-victimes .simple-slider__arrow:focus,
.simple-slider--paroles-de-victimes .simple-slider__arrow:active {
  outline: none !important;
  box-shadow: none !important;
}

.simple-slider--paroles-de-victimes .simple-slider__arrow--prev {
  left: 0;
  background: url('/modules/custom/simple_slider/images/fleche_gauche.png') center center no-repeat var(--color-dark-red);
}

.simple-slider--paroles-de-victimes .simple-slider__arrow--next {
  right: 0;
  background: url('/modules/custom/simple_slider/images/fleche_droite.png') center center no-repeat var(--color-dark-red);
}