/* MMEA — Section « Votre avis compte ».
   Alignée à gauche, deux colonnes (texte + encart), cohérente avec les
   sections du thème. Rouge = filets uniquement ; étoiles en chêne. */

.mmea-avis .mmea-avis-grid{
  display:grid; grid-template-columns:1.25fr .75fr; gap:54px; align-items:center;
}
.mmea-avis .mmea-avis-txt .lead{ margin-top:16px; }

/* Encart de droite — même langage que l'encart « atelier » (.info) */
.mmea-avis-card{
  border:1px solid var(--trait,#DDD2BE); border-radius:var(--r,14px);
  background:var(--lin,#FAF7F1); padding:32px 34px;
  font-family:var(--ff-body,sans-serif); color:var(--noyer,#2C231B);
  display:flex; flex-direction:column; align-items:flex-start;
}

/* Étoiles décoratives : entrée + remplissage auto en chêne (jamais rouge) */
.mmea-avis-card .stars{ display:inline-flex; gap:9px; margin-bottom:22px; }
.mmea-avis-card .star{ display:block; opacity:0; animation:mmeaStarIn .5s ease forwards; }
.mmea-avis-card .star svg{
  width:30px; height:30px; display:block; fill:transparent;
  stroke:var(--chene,#B5824A); stroke-width:1.4;
  animation:mmeaStarFill .55s ease forwards; transform-origin:center;
}
.mmea-avis-card .star:nth-child(1){ animation-delay:.05s } .mmea-avis-card .star:nth-child(1) svg{ animation-delay:.5s }
.mmea-avis-card .star:nth-child(2){ animation-delay:.12s } .mmea-avis-card .star:nth-child(2) svg{ animation-delay:.66s }
.mmea-avis-card .star:nth-child(3){ animation-delay:.19s } .mmea-avis-card .star:nth-child(3) svg{ animation-delay:.82s }
.mmea-avis-card .star:nth-child(4){ animation-delay:.26s } .mmea-avis-card .star:nth-child(4) svg{ animation-delay:.98s }
.mmea-avis-card .star:nth-child(5){ animation-delay:.33s } .mmea-avis-card .star:nth-child(5) svg{ animation-delay:1.14s }
@keyframes mmeaStarIn{ from{ opacity:0; transform:translateY(9px) scale(.8) } to{ opacity:1; transform:none } }
@keyframes mmeaStarFill{ 0%{ fill:transparent; transform:scale(1) } 60%{ transform:scale(1.16) } 100%{ fill:var(--chene,#B5824A); transform:scale(1) } }

/* Bouton = bouton natif du thème (.btn.btn-solid) : format pilule + tiret
   rouge centré qui se complète au survol. On ne règle ici que l'icône « G ». */
.mmea-avis-card .btn .g{ width:17px; height:17px; display:block; flex:none; }
.mmea-avis-card .btn .g svg{ width:100%; height:100%; fill:currentColor; }

.mmea-avis-card .note{ font-size:13px; color:var(--taupe-t,#6E6353); margin:14px 0 0; }

@media (max-width:820px){
  .mmea-avis .mmea-avis-grid{ grid-template-columns:1fr; gap:32px; }
}
@media (prefers-reduced-motion:reduce){
  .mmea-avis-card .star{ opacity:1 }
  .mmea-avis-card .star svg{ fill:var(--chene,#B5824A); animation:none }
  .mmea-avis-card .cta .u{ transition:none }
}