/* Testimonials page specific styles - keep minimal and reuse base tokens */

/* Star rating visuals using inline SVG via mask or pseudo content is avoided; we rely on JS to inject SVGs. */
.stars { display: inline-flex; gap: 4px; vertical-align: middle; }
.stars svg { width: 18px; height: 18px; color: var(--color-warning); }

/* Carousel */
.carousel { position: relative; }
.carousel__viewport { overflow: hidden; border-radius: var(--radius-lg); }
.carousel__track { display: flex; transition: transform var(--transition-slow); will-change: transform; }
.carousel__slide { min-width: 100%; list-style: none;}
.carousel__controls { display: flex; gap: var(--space-6); justify-content: center; margin-top: var(--space-7); }

/* Video grid */
.video-grid { display: grid; gap: var(--space-12); grid-template-columns: 1fr; }
@media (min-width: 768px) { .video-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* Blockquote aesthetics */
blockquote p { font-size: var(--text-lg); }
blockquote footer { color: var(--gray-600); font-size: var(--text-sm); }

/* Accessible focus within carousel */
.carousel__viewport:focus { box-shadow: var(--focus-ring); } 
#submit-testimonial {
	text-align: center;
}
#testimonial-form {
	flex-direction: column;
	max-width: 600px;
	width: 100%;
	margin: 0 auto;
}
/* Minor layout tweaks */
#testimonial-form .inline-flex input[type="checkbox"] { width: 18px; height: 18px; margin-right: var(--space-5); }

/* Images: ensure rounded and shadow consistent */
figure img { display: block; width: 100%; height: auto; }