/* Blokken van de module reviews. Gebruikt de variabelen van het thema (--navy, --line, --radius, …). */

/* Reviews: veegbare rij op de gsm (scroll-snap), raster op de computer */
.reviews { list-style: none; margin: 0; padding: 0; display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; }
.review { flex: 0 0 85%; scroll-snap-align: start; display: flex; flex-direction: column; gap: 10px; padding: 20px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--bg); }
@media (min-width: 800px) {
    .reviews { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr)); gap: 22px; overflow: visible; }
}
.review__stars { margin: 0; color: var(--navy); font-size: 20px; letter-spacing: 2px; }
.review__text { margin: 0; flex: 1 1 auto; }
.review__meta { margin: 0; font-size: 14px; color: var(--muted); }
.review__author { color: inherit; }
/* Vertaalde review: "Translated from … · Show original", het origineel klapt open (details, zonder JS) */
.review__original { font-size: 14px; color: var(--muted); }
.review__original summary { cursor: pointer; }
.review__original-text { margin: 8px 0 0; font-style: italic; }

/* Scorebadges */
.review-scores { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; }
.review-score a, .review-score span { display: inline-block; padding: 8px 16px; border: 1px solid var(--line); border-radius: 999px; background: var(--bg); color: var(--navy); font-weight: 600; text-decoration: none; }
.review-score a:hover { border-color: var(--navy); }