/* ============================================================
   Reviews / Testimonials – globaal component
   Gerenderd via de [oms_reviews] shortcode uit de 'review' CPT
   (echte Google-reviews). Eén bron, herbruikbaar op alle pagina's.
   ============================================================ */
.testimonials { padding: 80px 0; background: var(--white); }
.testimonials > .oms-container { text-align: center; }
.testimonials .section-sub { margin: 0 auto 48px; }
.testimonials-grid {
  text-align: left;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.testimonial-card {
  background: var(--white);
  border: 1px solid var(--gray-200);
  border-radius: var(--radius-lg);
  padding: 24px;
  transition: transform .25s ease, box-shadow .25s ease;
  display: flex;
  flex-direction: column;
}
.testimonial-card:hover { transform: translateY(-4px); box-shadow: var(--shadow); }

/* Kop in Google Mijn Bedrijf-stijl: gekleurde initiaal + naam/vinkje/rol + Google-logo */
.testimonial-head { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 14px; }
.testimonial-avatar {
  width: 44px; height: 44px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  color: var(--white); font-weight: 600; font-size: 20px; flex-shrink: 0;
  background: #1a73e8;
}
.testimonials-grid .testimonial-card:nth-child(5n+1) .testimonial-avatar { background: #1a73e8; }
.testimonials-grid .testimonial-card:nth-child(5n+2) .testimonial-avatar { background: #e8710a; }
.testimonials-grid .testimonial-card:nth-child(5n+3) .testimonial-avatar { background: #1e8e3e; }
.testimonials-grid .testimonial-card:nth-child(5n+4) .testimonial-avatar { background: #9334e6; }
.testimonials-grid .testimonial-card:nth-child(5n+5) .testimonial-avatar { background: #c5221f; }
.testimonial-id { flex: 1; min-width: 0; }
.testimonial-name {
  display: flex; align-items: center; gap: 5px;
  font-weight: 700; font-size: 15px; color: var(--gray-800); margin-bottom: 1px;
}
.testimonial-verified { display: inline-flex; flex-shrink: 0; }
.testimonial-verified svg { width: 15px; height: 15px; display: block; }
.testimonial-company { font-size: 13px; color: var(--gray-600); }
.testimonial-google { flex-shrink: 0; }
.testimonial-google svg { width: 20px; height: 20px; display: block; }
.testimonial-stars { font-size: 17px; color: #fbbc04; letter-spacing: 1px; margin-bottom: 12px; line-height: 1; }
.testimonial-text { font-size: 14.5px; color: var(--gray-700); line-height: 1.7; margin: 0; }

@media (max-width: 900px) { .testimonials-grid { grid-template-columns: 1fr; } }
@media (max-width: 768px) { .testimonials { padding: 48px 0; } }
