/* Carousel layout */
.testimonial-carousel { position: relative; display: flex; align-items: center; justify-content: center; }
.testimonial-viewport { width: 100%; max-width: 640px; overflow: hidden; border-radius: 12px; }
.testimonial-track { display: flex; will-change: transform; transition: transform 400ms ease; }

/* Card */
.testimonial-card { flex: 0 0 100%; width: 100%; max-width: 100%; margin: 0; border-radius: 10px; border: 1px solid rgba(0,0,0,0.08); background: #ffffff; color: #111; padding: 24px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }

/* Stars */
.testimonial-stars { margin-bottom: 8px; color: #f5a623; margin-left: auto; }
.testimonial-stars .fa { margin-right: 2px; }

/* Message and author */
.testimonial-message { margin: 0 0 12px 0; font-size: 16px; line-height: 1.6; font-style: italic; white-space: normal; word-break: break-word; overflow-wrap: anywhere; hyphens: auto; }
.testimonial-author { font-weight: 700; font-size: 13px; opacity: 0.8; }

/* Header row with quote and stars */
.testimonial-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; width: 100%; }
.testimonial-quote { font-size: 18px; opacity: 0.6; margin-right: 8px; }

/* Dark mode */
@media (prefers-color-scheme: dark) {
	.testimonial-card { background: #0f0f10; color: #f5f5f5; border-color: rgba(255,255,255,0.08); }
	.testimonial-stars { color: #ffd166; }
}

/* Respect site dark/light toggles if present in bootstrap-dark.css */
body.dark .testimonial-card { background: #0f0f10; color: #f5f5f5; border-color: rgba(255,255,255,0.08); }
body.dark .testimonial-stars { color: #ffd166; }

/* Indicators inspired by "slider" variation */
.testimonial-indicators { display: flex; justify-content: center; align-items: center; gap: 8px; margin-top: 8px; }
.testimonial-indicators .indicator { width: 28px; height: 6px; border-radius: 999px; background: rgba(0,0,0,0.2); display: inline-block; transition: background 200ms ease, width 200ms ease; }
.testimonial-indicators .indicator.active { background: #48CADB; width: 42px; }
@media (prefers-color-scheme: dark) {
	.testimonial-indicators .indicator { background: rgba(255,255,255,0.25); }
	.testimonial-indicators .indicator.active { background: #48CADB; }
}
body.dark .testimonial-indicators .indicator { background: rgba(255,255,255,0.25); }
body.dark .testimonial-indicators .indicator.active { background: #48CADB; }

/* Nav arrows */
.testimonial-nav { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0,0,0,0.35); color: #fff; border: 0; width: 40px; height: 40px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; transition: background 200ms ease; }
.testimonial-nav:hover { background: rgba(0,0,0,0.5); }
.testimonial-nav.prev { left: -20px; }
.testimonial-nav.next { right: -20px; }
@media (prefers-color-scheme: dark) {
	.testimonial-nav { background: rgba(255,255,255,0.25); color: #111; }
	.testimonial-nav:hover { background: rgba(255,255,255,0.4); }
}