/* Blok: Reviews — 1-kaart carousel: tekst/sterren links, foto rechts. */
.block-reviews { background: var(--amazing-bg); padding-block: 40px 72px; }
.block-reviews__head { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 28px; }
.block-reviews__title { font-size: clamp(28px, 2.2vw, 40px); margin: 0; }
.block-reviews__nav { display: flex; gap: 14px; }
/* Pijlen: massief gouden cirkels met witte chevron (conform ontwerp). */
.block-reviews__arrow {
	width: 50px; height: 50px; border-radius: 50%;
	border: 0; background: var(--amazing-accent); color: #fff;
	display: inline-flex; align-items: center; justify-content: center;
	font-size: 24px; line-height: 1; cursor: pointer; transition: background-color .2s, opacity .2s;
}
.block-reviews__arrow:hover { opacity: .85; }

.block-reviews__slider { overflow: hidden; }
.block-reviews__track { display: flex; transition: transform .45s ease; }
.block-reviews__slide {
	flex: 0 0 100%;
	display: grid;
	grid-template-columns: 1.3fr 1fr;  /* tekst | foto */
	background: var(--amazing-footer);
	min-height: 435px;
	overflow: hidden;
}
.block-reviews__body { padding: 44px clamp(28px, 3vw, 52px); align-self: center; }
/* Rating-sterren: 5-punts SVG-sterren in merk-goud (grootte/vorm uit ontwerp). */
.block-reviews__stars { color: var(--amazing-accent); display: flex; gap: 4px; margin-bottom: 18px; }
.block-reviews__stars span { line-height: 0; }
.block-reviews__stars span:not(.is-on) { opacity: .3; }
/* Figma 157:1975: 14px Poppins Regular, regelhoogte 21px (=1.5).
   white-space: pre-line laat de alinea-breuk uit de ACF-tekst (harde enter)
   zien — de review bestaat in het ontwerp uit twee alinea's met een lege
   regel ertussen. Zonder een enter in de ACF-tekst blijft het één alinea
   (zie rapport: enter toevoegen ná "…wanneer dat nodig is."). */
.block-reviews__text { font-size: 14px; line-height: 1.5; margin-bottom: 20px; white-space: pre-line; }
.block-reviews__author { display: flex; flex-direction: column; gap: 2px; }
.block-reviews__name { font-family: var(--amazing-font-heading); font-weight: 400; font-size: 20px; }
.block-reviews__company { font-family: var(--amazing-font-heading); font-style: italic; font-size: 15px; opacity: .85; }
/* Foto met ingebakken organische vorm: niet oprekken. We tonen 'm op natuurlijke
   verhouding, links uitgelijnd zodat de curve + linkerbovenhoek intact blijven. */
.block-reviews__media { align-self: stretch; }
.block-reviews__photo { width: 100%; height: 100%; object-fit: cover; object-position: left center; }

@media (max-width: 820px) {
	.block-reviews__slide { grid-template-columns: 1fr; }
	.block-reviews__media { min-height: 240px; order: -1; }
}