/**
 * Component: Testimonial
 */

.bw-testimonial__list {
	display: grid;
	gap: var(--bw-grid-gap);
	grid-template-columns: repeat(auto-fit, minmax(min(22rem, 100%), 1fr));
}

.bw-testimonial__item {
	display: grid;
	gap: var(--bw-space-md);
	margin: 0;
	max-width: 46rem;
}

.bw-testimonial__list:only-child .bw-testimonial__item:only-child {
	margin-inline: auto;
	text-align: center;
	justify-items: center;
}

.bw-testimonial__quote {
	margin: 0;
	font-family: var(--bw-font-heading);
	font-size: var(--bw-text-xl);
	font-weight: 400;
	line-height: 1.35;
	letter-spacing: 0.005em;
	text-wrap: pretty;
}

.bw-testimonial__quote p::before {
	content: "\201C";
}

.bw-testimonial__quote p::after {
	content: "\201D";
}

.bw-testimonial__caption {
	display: flex;
	align-items: center;
	gap: var(--bw-space-sm);
	font-size: var(--bw-text-sm);
}

.bw-testimonial__avatar {
	flex-shrink: 0;
	width: 3rem;
	height: 3rem;
	border-radius: var(--bw-radius-pill);
	overflow: hidden;
	background: var(--bw-oat-deep);
}

.bw-testimonial__photo {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.bw-testimonial__person {
	display: grid;
	text-align: start;
}

.bw-testimonial__naam {
	font-weight: 600;
	letter-spacing: 0.01em;
}

.bw-testimonial__functie {
	color: var(--bw-surface-muted, var(--bw-text-muted));
}