@charset "utf-8";
  #avis-google { max-width: 1100px; margin: 2rem auto; padding: 0 1rem; font-family: "Poppins", sans-serif; }
  .avis-header { display: flex; align-items: center; gap: .75rem; margin-bottom: 1.5rem; }
  .avis-header .note { font-size: 2rem; font-weight: 700; }

  /* Carrousel */
  .avis-carousel { position: relative; }
  .avis-liste {
    display: flex;
    gap: 1rem;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;          /* Firefox */
    padding: 4px 2px;
	align-items: flex-start;/*pour que les bloc non lu garde leur taille initial*/
  }
  .avis-liste::-webkit-scrollbar { display: none; } /* Chrome / Safari */

  .avis-carte {
    flex: 0 0 min(320px, 85%);
    scroll-snap-align: start;
    box-sizing: border-box;
    border: 1px solid #e5e7eb; border-radius: 12px; padding: 1rem; background: #fff;
  }
  .avis-auteur { display: flex; align-items: center; gap: .6rem; margin-bottom: .5rem; }
  .avis-auteur img { width: 40px; height: 40px; border-radius: 50%; }
.etoiles { position: relative; display: inline-block; line-height: 0; --taille: 20px; }
.etoiles-fond, .etoiles-plein { display: flex; gap: 2px; }
.etoiles-plein { position: absolute; top: 0; left: 0; overflow: hidden; }
.etoiles svg {
  width: var(--taille); height: var(--taille); flex: none;
  fill: currentColor;
  stroke: currentColor; stroke-width: 3.5; stroke-linejoin: round;
}
.etoiles-fond  { color: #dadce0; }  /* étoiles vides : gris Google */
.etoiles-plein { color: #fbbc04; }  /* étoiles pleines : jaune Google */

.avis-header .etoiles { --taille: 25px; }  /* note globale */
.avis-carte .etoiles  { margin: .15rem 0; --taille: 20px; } /* avis individuels */
  .avis-date { color: #6b7280; font-size: .8rem; }
  .avis-texte { 
	  font-size: .95rem; 
	  line-height: 1.5; 
	  margin: .5rem 0 0;
	  display:-webkit-box; 
	  -webkit-line-clamp:6; 
	  -webkit-box-orient:vertical; 
	  overflow:hidden; 
}
  .avis-lien { display: inline-block; margin-top: 1rem; font-size: .85rem; color: #6b7280; }
  .avis-corps {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;/*nombres de ligne affiché au depart*/
  line-clamp: 6;/*nombres de ligne affiché au depart*/
  overflow: hidden;
  white-space: pre-line; /* conserve les retours à la ligne des avis */
}
.avis-corps.ouvert {
  display: block;
  -webkit-line-clamp: unset;
  line-clamp: unset;
}
.avis-suite {
  background: none; border: 0; padding: 0; margin-top: .5rem;
  color: #1a73e8; font-size: .85rem; cursor: pointer; text-align: left;
}
.avis-suite:hover { text-decoration: underline; }
  /* Flèches */
  .avis-fleche {
    position: absolute; top: 50%; transform: translateY(-50%); z-index: 2;
    width: 40px; height: 40px; border-radius: 50%;
    border: 1px solid #e5e7eb; background: #fff; color: #111;
    font-size: 1.6rem; line-height: 1; cursor: pointer;
    box-shadow: 0 2px 8px rgba(0,0,0,.12);
    display: flex; align-items: center; justify-content: center;
    transition: opacity .2s;
  }
  .avis-fleche:hover { background: #f3f4f6; }
  .avis-fleche:disabled { opacity: 0; pointer-events: none; }
  .avis-prev { left: -12px; }
  .avis-next { right: -12px; }

  @media (max-width: 600px) {
    .avis-prev { left: 4px; }
    .avis-next { right: 4px; }
  }