/* =========================================================
   SLIDER AVIS (Swiper) - scope strict : .same-cat-products.reviews-block
   ========================================================= */

/* Section */
.same-cat-products.reviews-block{
    position: relative;
    margin: 40px 0;
  }
  
  /* Titre : on garde une place à droite pour les flèches */
  .same-cat-products.reviews-block > h2{
    margin: 0 0 12px;
    padding-right: 120px;
  }
  
  /* IMPORTANT : éviter que les flèches soient coupées */
  .same-cat-products.reviews-block,
  .same-cat-products.reviews-block .reviews-slider.swiper{
    overflow: visible !important;
  }
  .page-id-76 .same-cat-products.reviews-block {
    max-width: 1000px;
    margin-inline: auto;
    overflow: hidden !important;
  }
  @media screen and (max-width: 959px) {
    .same-cat-products.reviews-block {
      padding-inline: 20px;
    }
  }
  
  /* Flèches en haut à droite */
  .same-cat-products.reviews-block .reviews-slider-prev.swiper-button-prev,
  .same-cat-products.reviews-block .reviews-slider-next.swiper-button-next{
    position: absolute !important;
  
    /* on les place dans l’alignement du titre */
    top: 8px !important;        /* ajuste finement (0-14px souvent) */
    bottom: auto !important;
  
    transform: none !important;
    margin: 0 !important;
  
    /* on neutralise le positionnement Swiper par défaut */
    left: auto !important;
  }
  
  .same-cat-products.reviews-block .reviews-slider-prev.swiper-button-prev{
    right: 58px !important;
  }
  
  .same-cat-products.reviews-block .reviews-slider-next.swiper-button-next{
    right: 12px !important;
  }
  
  /* Cartes avis : fond blanc + radius + pas de bordure */
  .same-cat-products.reviews-block .review-card{
    background: #fff !important;
    border-radius: 18px !important;
    padding: 24px !important;
  
    border: none !important;
    box-shadow: none !important;  /* supprime “l’espèce de border” */
  
    text-align: left !important;
  
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-height: 150px;
  }
  
  /* Ordre + spacing */
  .same-cat-products.reviews-block .review-text{
    margin: 0 0 14px !important;
  }
  .same-cat-products.reviews-block .review-meta{
    margin: 0 0 12px !important;
    opacity: .85 !important;
    font-size: .95rem !important;
  }
  .same-cat-products.reviews-block .review-stars{
    margin: 0 !important;
    white-space: nowrap !important;
    line-height: 1 !important;
  }
  .same-cat-products.reviews-block .review-star{
    font-size: 18px !important;
    line-height: 1 !important;
  }
  .same-cat-products.reviews-block .review-star.is-off{
    opacity: .25 !important;
  }
  
  /* Bouton centré */
  .same-cat-products.reviews-block .reviews-all-btn{
    display: table !important;
    margin: 16px auto 0 !important;
  }
  /* ===== Alignement flèches sur le titre (uniquement slider avis) ===== */

.same-cat-products.reviews-block{
    position: relative;
  }
  
  /* Le H2 devient la "référence" de hauteur */
  .same-cat-products.reviews-block > h2{
    position: relative;
    margin: 0 0 12px;
    padding-right: 120px; /* laisse la place aux flèches */
    line-height: 1;       /* important pour centrer au pixel */
  }
  
  /* On aligne verticalement sur le H2 via 50% de la hauteur du titre */
  .same-cat-products.reviews-block .reviews-slider-prev.swiper-button-prev,
  .same-cat-products.reviews-block .reviews-slider-next.swiper-button-next{
    position: absolute !important;
  
    top: -30px !important;            /* on part du haut de la section */
    margin-top: 0 !important;
  
    /* Centre vertical sur la hauteur du H2 :
       hauteur du H2 ≈ sa line-height (ici 1 * font-size) */
    transform: translateY(calc((1em - 44px) / 2)) !important;
    /* 44px = hauteur du bouton Swiper (ajuste si tes flèches sont plus petites) */
  
    bottom: auto !important;
    left: auto !important;
  }
  
  /* Position horizontale */
  .same-cat-products.reviews-block .reviews-slider-prev.swiper-button-prev{
    right: 58px !important;
  }
  .same-cat-products.reviews-block .reviews-slider-next.swiper-button-next{
    right: 12px !important;
  }
  
  /* Sécurité: éviter la coupe si un parent a overflow */
  .same-cat-products.reviews-block,
  .same-cat-products.reviews-block .reviews-slider.swiper{
    overflow: visible !important;
  }