/* Le motif accueil-avis, sorti d'accueil.css le 8 octobre 2026 pour être
   repris sur la page Reformer : chargé sur l'accueil (juste après
   accueil.css, l'ordre des règles est inchangé) et sur la page Reformer
   (inc/accueil.php). */
/* ═══ 3. L'AVIS DE NOS PAULETTES ════════════════════════════════════════════
   En-tête à gauche sur 376 px (la note, ses étoiles et le nombre d'avis
   centrés dessous, le titre à côté), centré verticalement sur les cartes ;
   carrousel aligné à gauche sur 760 px, cartes de 360 × 249 à 20 px, la
   suivante coupée par le bord de l'écran ; flèches au début et à la fin.
   Cartes « passe-partout » : un filet bordeaux, 5 px de blanc, un second
   filet adouci ; une ombre longue teintée vin-950, jamais grise. */
.acc-avis { --acc-blanc: #FCFAF7; --acc-encre: var(--wp--preset--color--encre); overflow: hidden; padding: 80px 0 72px; background: var(--acc-blanc); color: var(--acc-encre); }
.acc-avis__interieur { display: grid; grid-template-columns: 376px minmax(0, 760px); width: min(1140px, 100% - 2.5rem); margin: 0 auto; }
/* Centré dans la rangée puis remonté de la hauteur des flèches (15 + 36 px) : le bloc tombe au milieu des cartes. */
.acc-avis__entete { display: flex; align-items: center; justify-content: center; align-self: center; gap: 1.5rem; padding: 10px 10px 51px; }
.acc-avis__note { display: flex; flex-direction: column; align-items: center; }
.acc-avis__chiffre { font: 600 104px/1 var(--font-body), sans-serif; letter-spacing: -0.04em; color: var(--acc-encre); }
.acc-avis__etoiles { display: inline-flex; gap: 6px; margin-top: 14px; }
.acc-avis__etoiles svg { width: 18px; height: 18px; fill: #D9A21B; }   /* l'or des étoiles Google, foncé : le #FFD700 de global.css disparaît sur le blanc */
.acc-avis__compte { margin: 10px 0 0; font: 600 0.9375rem/1 var(--font-body), sans-serif; color: var(--acc-encre); white-space: nowrap; }
.acc-avis__titre { margin: 0.375rem 0 0; font: 700 28px/1.15 var(--font-body), sans-serif; letter-spacing: 0.05em; text-transform: uppercase; color: var(--acc-encre); }

.acc-avis__carrousel { min-width: 0; padding: 10px 0 0 10px; }
.acc-avis__fenetre { overflow: visible; }
.acc-avis__piste { display: flex; gap: 20px; transition: transform 500ms cubic-bezier(0.22, 1, 0.36, 1); }
.acc-avis__carte {
  display: flex; flex-direction: column; flex: none; width: 360px; min-height: 249px;
  padding: 54px 46px 42px; border-radius: 12px;
  background: var(--acc-blanc);
  box-shadow:
    inset 0 0 0 1px var(--vin-700), inset 0 0 0 6px var(--acc-blanc), inset 0 0 0 7px rgb(94 32 40 / 0.35),
    0 2px 3px rgb(26 4 6 / 0.06), 0 32px 48px -30px rgb(26 4 6 / 0.42);
  transition: opacity 300ms, visibility 300ms;
}
.acc-avis__carte.is-passee { opacity: 0; visibility: hidden; }   /* les cartes passées s'effacent au lieu de glisser sous l'en-tête */
.acc-avis__carte-note { display: flex; align-items: center; gap: 10px; margin-top: 0.625rem; }   /* sous le prénom : on lit l'avis d'abord, la note ensuite */
.acc-avis__carte-etoiles { display: inline-flex; gap: 3px; }
.acc-avis__carte-etoiles svg { width: 15px; height: 15px; fill: #D9A21B; }
.acc-avis__carte-etoiles svg.is-vide { fill: rgb(94 32 40 / 0.16); }   /* une note sous 5 : l'étoile manquante en bordeaux pâle, jamais en gris */
.acc-avis__google { display: block; width: 16px; height: 16px; }
.acc-avis__texte { margin: 0; }
/* Les avis longs (jusqu'à 90 mots) sont coupés à 6 lignes : les cartes gardent leur hauteur, le texte entier reste dans la page. */
.acc-avis__texte p {
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; line-clamp: 6; overflow: hidden;
  margin: 0; font: 400 1rem/1.6 var(--font-body), sans-serif; color: var(--acc-encre); text-wrap: pretty;
}
.acc-avis__nom { margin-top: auto; padding-top: 1.25rem; font: 600 0.75rem/1 var(--font-body), sans-serif; letter-spacing: 0.22em; text-transform: uppercase; color: var(--vin-700); }
.acc-avis__nav { display: flex; justify-content: space-between; margin-top: 15px; }
.acc-avis__fleche {
  display: grid; place-items: center; width: 2.25rem; height: 2.25rem; padding: 0; border: 0; border-radius: 50%;
  background: none; box-shadow: inset 0 0 0 1px var(--vin-700); color: var(--vin-700); cursor: pointer;
  transition: background-color var(--dur-base) var(--ease-out-expo), opacity var(--dur-base);
}
.acc-avis__fleche svg { width: 1rem; height: 1rem; }
.acc-avis__fleche--prec svg { transform: scaleX(-1); }
.acc-avis__fleche:hover { background: rgb(94 32 40 / 0.06); }
.acc-avis__fleche:disabled { opacity: 0.3; cursor: default; background: none; }
.acc-avis__fleche:focus-visible { outline: 2px solid var(--vin-700); outline-offset: 3px; }

@media (max-width: 1199px) {   /* l'en-tête passe au-dessus du carrousel */
  .acc-avis__interieur { grid-template-columns: minmax(0, 1fr); row-gap: 2.5rem; }
  .acc-avis__entete { padding-bottom: 0; }
}
@media (max-width: 767px) {
  .acc-avis__interieur { width: calc(100% - 26px); row-gap: 1.5rem; }
  .acc-avis__entete { gap: 1rem; padding: 10px 0 0; }
  .acc-avis__chiffre { font-size: 88px; }
  .acc-avis__etoiles { gap: 5px; margin-top: 8px; }
  .acc-avis__compte { display: none; }
  .acc-avis__titre { margin-top: 0.25rem; }
  .acc-avis__carrousel { padding: 0 0 0 19px; }
  .acc-avis__piste { gap: 10px; }
  .acc-avis__carte { width: 330px; min-height: 185px; }
  .acc-avis__nav { justify-content: flex-end; gap: 0.5rem; margin-top: 22px; }
}
@media (max-width: 389px) { .acc-avis__carte { width: calc(100vw - 52px); } }   /* la carte de 330 px dépasse sous 390 */
@media (max-width: 374px) {
  .acc-avis__entete { gap: 0.75rem; }
  .acc-avis__chiffre { font-size: 72px; }
  .acc-avis__carte { padding: 44px 32px 34px; }
}
@media (max-width: 359px) { .acc-avis__titre { font-size: 24px; } }
@media (prefers-reduced-motion: reduce) { .acc-avis__piste, .acc-avis__fleche, .acc-avis__carte { transition: none; } }