/*
   Talkiva - css\components\testimonials.css
   Testimonials cards
   Extracted verbatim from the original style.css. No rules altered.
*/

/* ---------- 11. Testimonials ---------- */
.testimonials { background: var(--bg-light); }
.testi-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.testi-card {
  background: #ffffff;
  border-radius: var(--radius-lg);
  padding: 40px 32px;
  box-shadow: var(--shadow-soft);
  border: 1px solid rgba(42, 1, 5, 0.06);
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  transition: transform 0.45s var(--ease-out), box-shadow 0.45s;
}
.testi-card:hover { transform: translateY(-8px); box-shadow: var(--shadow-card); }
.testi-quote {
  width: 44px; height: 44px;
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(239, 27, 67, 0.12), rgba(239, 164, 27, 0.12));
  color: var(--primary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
}
.testi-card blockquote { color: rgba(42, 1, 5, 0.78); font-size: 0.98rem; flex: 1; }
.testi-author { display: flex; align-items: center; gap: 16px; }
.avatar {
  width: 50px; height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-head);
  font-weight: 700;
  color: #fff;
  flex-shrink: 0;
}
.avatar-1 { background: linear-gradient(135deg, #EF1B43, #EFA41B); }
.avatar-2 { background: linear-gradient(135deg, #22d3ee, #34d399); }
.avatar-3 { background: linear-gradient(135deg, #EFA41B, #EF1B43); }
.testi-author strong { display: block; font-family: var(--font-head); font-size: 0.95rem; color: var(--text-on-light); }
.testi-author span { font-size: 0.82rem; color: rgba(42, 1, 5, 0.55); }