/* TestimonialsCarousel styles */
:root{
  --accent: var(--color-primary);
  --bg: transparent;
  --card-radius:16px;
  --card-shadow: 0 6px 18px rgba(18,18,18,0.08);
  --muted:#6b6b6b;
}
.testimonials-section{
  background:var(--bg);
  padding:48px 16px;
}
.testimonials-container{max-width:1100px;margin:0 auto}
.testimonials-track{display:flex;gap:20px;transition:transform 600ms ease;will-change:transform}
.testimonial-card{background:#fff;border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:22px;flex:0 0 300px;display:flex;flex-direction:column;min-height:220px}
.quote-icon{font-size:36px;color:var(--accent);line-height:1;margin-bottom:8px}
.testimonial-text{font-family:Georgia, 'Times New Roman', serif;color:#222;flex:1;font-size:16px;line-height:1.5;text-align:left}
.divider{height:1px;background:#e6e7eb;margin:16px 0}
.testimonial-footer{display:flex;align-items:center;justify-content:space-between}
.person{display:flex;align-items:center;gap:12px}
.avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid var(--accent)}
.person-name{font-weight:700;color:#111}
.person-role{color:var(--muted);font-size:13px}
.linkedin-btn{color:var(--accent);text-decoration:none;font-size:18px}

/* layout: show 3 on desktop, 1 on mobile */
.carousel-viewport{overflow:hidden}
.controls{display:flex;align-items:center;justify-content:center;margin-top:12px}
.arrows{display:none}
.arrow-btn{background:#fff;border:1px solid var(--accent);color:var(--accent);padding:8px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,0.04)}
.arrow-btn:hover{background:rgba(255,102,0,0.06)}
.dots{display:flex;gap:8px;justify-content:center}
.dot{width:10px;height:10px;border-radius:50%;background:#d6d7da;cursor:pointer}
.dot.active{background:var(--accent)}

/* Keep testimonial text heights consistent so cards align visually */
.testimonial-text{min-height:110px}

@media(min-width:900px){
  .testimonial-card{flex:0 0 calc((100% - 40px)/3)}
}
@media(max-width:899px){
  .testimonial-card{flex:0 0 100%}
}

/* accessibility: reduce motion */
@media (prefers-reduced-motion: reduce){
  .testimonials-track{transition:none}
}

/* Ensure recommendations title is always uppercase */
#recommendations h2{ text-transform:uppercase }