/* === GRID (gelijke hoogtes) === */
.oa-reviews-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(300px,1fr));
  gap:20px;
  align-items:stretch;
}

/* Swiper slider */
.oa-reviews-slider-wrap {
  position:relative;
  width:100%;
  padding:30px 0;
}
.swiper-slide {
  height:auto; /* cards groeien mee */
}

/* Navigatie */
.swiper-button-prev,
.swiper-button-next {
  color:#111827;
}
.swiper-pagination-bullet {
  background:#374151;
}
.swiper-pagination-bullet-active {
  background:#111827;
}

/* === Card === */
.oa-review-card{
  position:relative;
  background:#fff;
  border:1px solid #eef0f3;
  border-radius:16px;
  padding:20px;
  box-shadow:0 8px 24px rgba(16,24,40,.06);
  line-height:1.4;

  display:flex; flex-direction:column; justify-content:space-between;
  white-space:normal;
}
.oa-review-card::after{
  content:"\201D";
  position:absolute; top:10px; right:14px;
  font-size:58px; line-height:1;
  color:rgba(122, 199, 167, 0.18);
  pointer-events:none;
}

/* Header */
.oa-review-head{ display:flex; align-items:center; gap:12px; margin-bottom:12px; }
.oa-review-media img{ display:block; width:50px !important; height:50px !important; object-fit:contain; box-shadow:inset 0 0 0 2px #fff; margin: 0px !important; }
.oa-review-name{ font-weight:700; font-size:17px; color:#111827; margin:0; line-height:1.3; }
.oa-review-stars{ display:flex; align-items:center; gap:6px; font-size:15px; line-height:1.2; color:#6b7280; }
.oa-review-score{ font-weight:600; font-size:15px; color:#111827; margin-right:2px; }

.star{ font-size:16px; }
.star.full, .star.half{ color:#f5b301; }
.star.empty{ color:#e5e7eb; }

/* Tekst + Lees meer */
.oa-review-text{
  font-size:16px; line-height:1.5; color:#6b7280;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  overflow:hidden;
}
.oa-review-card.expanded .oa-review-text{ -webkit-line-clamp:unset; overflow:visible; }

.oa-readmore{
  display:inline-block; margin-top:6px; font-size:14px;
  background:transparent; border:0; color:#0073aa; cursor:pointer; padding:0;
}
.oa-readmore:focus{ outline:2px solid #bfdcff; outline-offset:2px; }

/* Paginatie */
.oa-pagination{ margin-top:16px; display:flex; gap:8px; flex-wrap:wrap; }
.oa-pagination a{
  display:inline-block; padding:6px 10px; border:1px solid #e5e7eb;
  border-radius:8px; text-decoration:none; color:#374151;
}
.oa-pagination a.current{ background:#111827; color:#fff; border-color:#111827; }

/* Lege staat */
.oa-reviews-empty{ color:#6b7280; }