/* ============================================================
 * BIOTA · SECTION · Testimonials  (pattern: biota/testimonials)
 * A gallery: title + rating, then a swipeable rail of review cards and
 * pagination dots. Shared by the product page and the home page.
 * Builds on: .biota-section / __inner--wide, .biota-rating, .biota-stars.
 * ============================================================ */

.biota-testimonials .biota-section__inner { gap: 12px; }

/* Header: title above the rating cluster (left-aligned). */
.biota-testimonials__head {
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.biota-testimonials__title {
	margin: 0;
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 600;
	font-size: var(--wp--preset--font-size--heading);
	line-height: 1.2;
	letter-spacing: -0.02em;
	color: var(--wp--preset--color--text);
}

/* Gallery rail: fixed-width cards that scroll; the first lines up with the
   section content, later cards bleed off the right edge. */
.biota-testimonials__rail {
	display: flex;
	gap: 14px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	padding: 8px var(--wp--preset--spacing--bt-70) 4px 0;
	margin-right: calc(-1 * var(--wp--preset--spacing--bt-70));
}
.biota-testimonials__rail::-webkit-scrollbar { display: none; }
.biota-testimonials__rail > * {
	flex: 0 0 auto;
	width: min(84vw, 284px);
	scroll-snap-align: start;
}

/* --- Card --- */
.biota-testimonial {
	display: flex;
	flex-direction: column;
	background-color: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 20px;
	overflow: hidden;
}
.biota-testimonial__media {
	margin: 0;
	overflow: hidden;
	background-color: var(--wp--preset--color--surface-light); /* #F5F6F8 placeholder */
}
.biota-testimonial__media img {
	display: block;
	width: 100%;
	aspect-ratio: 282 / 210;
	object-fit: cover;
}

.biota-testimonial__body {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 16px 18px 20px;
}

/* Avatar + name/handle/verified + card rating. */
.biota-testimonial__head {
	display: flex;
	align-items: center;
	gap: 10px;
}
.biota-testimonial__avatar {
	flex: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 999px;
	background-color: #eaf0f9;
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 600;
	font-size: var(--wp--preset--font-size--body);
	color: var(--wp--preset--color--primary);
}
.biota-testimonial__id {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}
.biota-testimonial__nameline {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 5px;
}
.biota-testimonial__name {
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 600;
	font-size: var(--wp--preset--font-size--body);
	color: var(--wp--preset--color--text);
}
.biota-testimonial__handle {
	font-size: var(--wp--preset--font-size--caption);
	color: var(--wp--preset--color--text-subtle);
}
.biota-testimonial__verified { flex: none; display: block; }
.biota-testimonial__stars { font-size: var(--wp--preset--font-size--caption); }

.biota-testimonial__quote {
	margin: 0;
	font-size: var(--wp--preset--font-size--body);
	line-height: 1.55;
	color: var(--wp--preset--color--text-strong);
}
.biota-testimonial__meta {
	margin: 0;
	font-size: var(--wp--preset--font-size--caption);
	color: var(--wp--preset--color--text-faint);
}

/* A product page can caption its own review set — e.g. to say the quotes are
   placeholders until real verified ones arrive. */
.biota-testimonials__note {
	margin: 20px 0 0;
	font-size: 12.5px;
	color: var(--wp--preset--color--text-subtle);
}