/* Verified client reviews (D306): review cards, shared by the home, Professionnels and Particuliers block
   (js/avis-block.js) and the page /avis. Same look as the homepage's testimonial cards (.tm). */
.avis-block .avis-head-summary { font-family: var(--sans); font-size: 1.05rem; margin-top: .8rem; }
.avis-grid { display: grid; grid-template-columns: 1fr; gap: 1.1rem; }
@media (min-width: 900px) { .avis-grid.avis-n2 { grid-template-columns: 1fr 1fr; } .avis-grid.avis-n3 { grid-template-columns: 1fr 1fr 1fr; } }
.avis-card { border: 1px solid var(--hair); border-radius: var(--r); padding: 1.5rem 1.6rem; background: var(--card); display: flex; flex-direction: column; text-align: left; }
.avis-stars { color: var(--ink); font-size: 1.05rem; letter-spacing: .12em; margin-bottom: .7rem; }
.avis-stars-off { color: var(--hair); }
.avis-card blockquote { font-family: var(--serif); font-size: 1.08rem; line-height: 1.6; color: var(--ink); margin: 0 0 1rem; white-space: pre-line; overflow-wrap: anywhere; }
.avis-card blockquote::before { content: "« "; }
.avis-card blockquote::after { content: " »"; }
:lang(en) .avis-card blockquote::before { content: "\201C"; }
:lang(en) .avis-card blockquote::after { content: "\201D"; }
.avis-reco { font-family: var(--sans); font-size: .9rem; color: var(--muted); margin: 0 0 1rem; }
.avis-who { font-family: var(--sans); margin: auto 0 .6rem; }
.avis-who b { font-size: .95rem; }
.avis-who span { display: block; font-size: .85rem; color: var(--muted); }
.avis-in { font-size: .8rem; margin-left: .4rem; color: var(--violet-ink); }
.avis-badge { display: inline-block; align-self: flex-start; font-family: var(--sans); font-size: .78rem; font-weight: 600; color: var(--violet-ink); background: var(--violet-soft); border-radius: var(--r-chip); padding: .3rem .7rem; margin: 0; }
.avis-date { font-family: var(--sans); font-size: .8rem; color: var(--muted); margin: .5rem 0 0; }
.avis-links { display: flex; flex-wrap: wrap; justify-content: center; gap: .6rem 1.4rem; margin-top: 1.6rem; font-family: var(--sans); font-size: .95rem; }
.avis-links a { color: var(--violet-ink); text-decoration: underline; text-underline-offset: .15em; }