/*
 * Le citazioni delle recensioni (home, widget Elementor, e il blocco delle recensioni Google
 * nel carrello e nella scheda). Foglio a parte: prima stavano in home.css, e il modulo
 * Recensioni Google caricava tutta la home sul carrello per avere queste poche regole.
 */

/* recensioni */
.iw-citazioni { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: var(--iw-spazio-4); margin: 0; padding: 0; list-style: none; }
.iw-citazione { display: flex; flex-direction: column; gap: var(--iw-spazio-3); padding: var(--iw-spazio-5); border: 1px solid var(--iw-bordo); border-radius: var(--iw-raggio); }
.iw-citazione blockquote { flex: 1; margin: 0; }
.iw-citazione blockquote p { margin: 0; font-size: 1.05rem; line-height: 1.55; }

/*
 * Da quattro carte in su la fila scorre invece di andare a capo: con cinque
 * recensioni la griglia auto-fit ne mandava una sola sulla riga sotto, mezza
 * pagina vuota accanto. Scorrimento con aggancio, in CSS: nessuna libreria di
 * caroselli, nessun pulsante da disegnare, zero JavaScript in piu.
 *
 * Il tetto di 5 non e una scelta di grafica: Places API restituisce al massimo
 * cinque recensioni per scheda.
 */
.iw-citazioni:has(> :nth-child(4)) {
  grid-auto-flow: column;
  grid-template-columns: none;
  grid-auto-columns: minmax(min(280px, 78%), 1fr);
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x proximity;
  /* lo spazio sotto tiene la barra di scorrimento staccata dalle carte */
  padding-bottom: var(--iw-spazio-2);
  scrollbar-width: thin;
}
.iw-citazioni:has(> :nth-child(4)) > .iw-citazione { scroll-snap-align: start; }
/* chi ha chiesto meno animazioni non vuole nemmeno lo scatto dell aggancio */
@media (prefers-reduced-motion: reduce) {
  .iw-citazioni:has(> :nth-child(4)) { scroll-snap-type: none; }
}
.iw-citazione__autore { display: grid; margin: 0; font-size: var(--iw-testo-piccolo); }
.iw-citazione__autore a { color: var(--iw-testo-tenue); }