/* ==========================================================================
   Sol: Google reviews (sol/reviews block) in the Figma review card design.
   The theme reads the reviews the Trustindex plugin downloads and prints its own cards
   (inc/content-blocks.php), so no Trustindex widget markup or script is used. These rules add the
   reviewer photos and the full-review list; the card shapes come from sol-home.css and sol-inner.css.
   ========================================================================== */

/* Home carousel: photo, first name, "Google review" under the quote */
.sol-review__by { align-items: center; gap: 12px !important; flex-wrap: nowrap; }
.sol-review__by strong { white-space: nowrap; }
.sol-review__by span { margin-left: auto; font-size: var(--sol-fs-small); white-space: nowrap; }
.sol-review__by .sol-review__photo,
.sol-review-card__photo {
  flex: none; display: block; width: 44px; height: 44px; margin: 0; border-radius: 50%;
  object-fit: cover; background: var(--sol-sand); box-shadow: 0 0 0 2px var(--sol-paper);
}
.sol-review__stars .sol-stars, .sol-review__stars[role="img"] { letter-spacing: 2px; color: var(--sol-gold); }

/* Inner pages: three cards */
.sol-review-card__by { align-items: center; }
.sol-review-card__who { display: inline-flex; align-items: center; gap: 12px; min-width: 0; font-weight: 800; color: var(--sol-deep-teal); }

/* Testimonials page: every review in full */
.sol-review-list--full { margin: 0; padding: 0; align-items: start; }
.sol-review-list--full > li { margin: 0; }
.sol-review-card--full { position: relative; display: flex; flex-direction: column; height: 100%; padding-top: 64px; }
.sol-review-card--full .sol-review__stars { top: 28px; right: 32px; }
.sol-review-card--full blockquote { margin: 0; padding: 0; }
.sol-review-card--full blockquote p:not(:where(.sol-span)) {
  margin: 0; font-family: var(--sol-font-body); font-variation-settings: normal; font-size: var(--sol-fs-body); line-height: 1.65; color: var(--sol-ink);
}
.sol-review-card--full :where(figcaption, .sol-figcaption) {
  align-items: center; gap: 6px 12px; margin-top: auto; padding-top: var(--sol-space-24); font-size: var(--sol-fs-small);
}
.sol-review-card--full figcaption .sol-review-card__photo { margin-right: 2px; }
.sol-review-card--full .sol-review-card__name { color: var(--sol-deep-teal); }

@media (max-width: 760px) {
  .sol-review-card--full { padding: 56px 24px 24px; }
  .sol-review-card--full .sol-review__stars { top: 22px; right: 24px; }
}