/* Alle reviews liggen op dezelfde plek; het blok is zo hoog als de langste. */
.hiv-reviews-stack {
	display: grid;
}

.hiv-review {
	grid-area: 1 / 1;
	margin: 0;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.8s ease, visibility 0s linear 0.8s;
}

.hiv-review.is-active {
	opacity: 1;
	visibility: visible;
	transition: opacity 0.8s ease, visibility 0s;
}

.hiv-review blockquote {
	margin: 0;
	padding: 0;
	border: 0;
}

.hiv-reviews-dots {
	display: flex;
	gap: 4px;
	margin-top: 16px;
}

/* Klikdoel van 24px, zichtbare stip van 8px. */
.hiv-reviews-dot {
	width: 24px;
	height: 24px;
	padding: 0;
	border: 0;
	background: none;
	cursor: pointer;
	position: relative;
}

.hiv-reviews-dot::before {
	content: '';
	position: absolute;
	inset: 8px;
	border-radius: 50%;
	background: currentColor;
	opacity: 0.35;
	transition: opacity 0.2s ease, transform 0.2s ease;
}

.hiv-reviews-dot.is-active::before {
	opacity: 1;
	transform: scale(1.15);
}

@media (prefers-reduced-motion: reduce) {
	.hiv-review,
	.hiv-review.is-active {
		transition: none;
	}
}
