/* ==========================================================================
   SML - Reviews Block
   Файл: /wp-content/themes/sml/src/css/blocks/reviews.css
   Версия: 1.0.0
   Author: NUVREN (https://nuvren.com)

   Назначение:
   - Блок отзывов;
   - Карточки-цитаты с хорошей читабельностью;
   - Убирает ощущение "пусто": четкая иерархия (бейдж -> текст -> автор).
   ========================================================================== */

.reviews .grid {
  align-items: stretch;
}

.reviews .card {
  height: 100%;
}

.reviews .card__body {
  gap: var(--space-4);
}

/* Текст отзыва: читаемо, без курсива, с легким ощущением цитаты */
.reviews .card__text {
  position: relative;
  font-style: normal;
  color: var(--color-text-2);
  font-size: var(--font-size-base);
  line-height: 1.7;
  padding-left: 16px;
}

/* Декоративная кавычка, чтобы не было "простого абзаца" */
.reviews .card__text::before {
  content: '"';
  position: absolute;
  left: 0;
  top: -10px;
  font-size: 2.2rem;
  line-height: 1;
  color: rgba(16, 18, 20, 0.12);
  pointer-events: none;
}

/* Верхняя мета (бейдж) и нижняя мета (автор) */
.reviews .card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

/* Нижнюю мету (с автором) прижимаем вниз, чтобы карточки выглядели равномерно */
.reviews .card__body > .card__meta:last-child {
  margin-top: auto;
}

/* Автор в текущей разметке это <strong> внутри .card__meta */
.reviews .card__meta strong {
  color: var(--color-text);
  font-weight: var(--font-weight-semibold);
  font-size: var(--font-size-sm);
}

/* Если позже добавишь подпись/город отдельным span */
.reviews .card__meta span {
  font-size: var(--font-size-sm);
  color: var(--color-muted);
}

/* Если появятся звезды отдельным блоком */
.reviews .review__stars {
  display: inline-flex;
  gap: 4px;
  color: var(--color-primary);
  line-height: 1;
}