/* ═══════════════════════════════════════════
   TEMOIGNAGES.CSS — Reviews Section
   ═══════════════════════════════════════════ */

.section-temoignages { padding: var(--section-padding); background: var(--dark); }

.reviews-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--gap-grid); margin-top: 60px; }

.review-card { background: var(--mid); padding: 36px; }
.review-stars { color: var(--sand); font-size: 0.8rem; letter-spacing: 0.1em; margin-bottom: 16px; }
.review-quote { font-size: 1rem; line-height: 1.7; color: rgba(245, 237, 216, 0.75); font-style: italic; margin-bottom: 24px; position: relative; }
.review-quote::before { content: '\201C'; font-family: var(--font-serif); font-size: 4rem; color: rgba(232, 200, 122, 0.12); position: absolute; top: -16px; left: -8px; line-height: 1; }

.review-author { display: flex; align-items: center; gap: 12px; }
.review-avatar { width: 40px; height: 40px; border-radius: 50%; background: var(--warm); display: flex; align-items: center; justify-content: center; font-family: var(--font-display); font-size: 1.1rem; color: var(--sand); flex-shrink: 0; }
.review-name { font-size: 0.82rem; font-weight: 500; color: var(--cream); }
.review-meta { font-size: 0.7rem; color: var(--muted); margin-top: 2px; }

@media (max-width: 768px) {
  .section-temoignages {
    padding: 56px 20px 64px;
  }

  .reviews-grid {
    margin-top: 36px;
    gap: 16px;
  }

  .review-card {
    padding: 28px 22px;
    border-radius: 4px;
  }

  .review-quote {
    font-size: 0.95rem;
    color: rgba(245, 237, 216, 0.82);
  }

  .review-name {
    color: var(--sand);
    font-weight: 600;
  }
}