/* StanMowing - homepage reviews band (uses index.css :root tokens) */

.reviews-summary {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  flex-wrap: wrap;
  margin: 0 0 2rem;
  font-size: 1.05rem;
  color: var(--text);
}
.reviews-summary .rs-stars { display: inline-flex; gap: 2px; }
.reviews-summary .rs-stars svg { width: 22px; height: 22px; }
.reviews-summary .rs-avg { font-weight: 700; }
.reviews-summary .rs-count { color: var(--muted); }

.reviews-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1.25rem;
  margin: 0 auto;
  max-width: 1100px;
}

.review-card {
  background: #fff;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: 1.5rem;
  box-shadow: var(--shadow);
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

.review-card .rc-stars { display: inline-flex; gap: 2px; }
.review-card .rc-stars svg { width: 18px; height: 18px; }

.star-on svg { color: #f5a623; fill: #f5a623; }
.star-off svg { color: #d8d6cf; fill: none; }

.review-card .rc-comment {
  color: var(--text);
  line-height: 1.55;
  font-size: 1rem;
  margin: 0;
}
.review-card .rc-meta {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: auto;
  color: var(--muted);
  font-size: 0.9rem;
}
.review-card .rc-name { font-weight: 700; color: var(--text); }
.review-card .rc-verified {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  color: var(--green);
  font-size: 0.8rem;
}
.review-card .rc-verified svg { width: 14px; height: 14px; }

.reviews-cta {
  text-align: center;
  margin-top: 2rem;
}
.reviews-cta .btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.7rem 1.4rem;
  border-radius: 999px;
  border: 1px solid var(--green);
  background: #fff;
  color: var(--green-dark);
  font-weight: 600;
  text-decoration: none;
  transition: background 0.12s ease;
}
.reviews-cta .btn-secondary:hover { background: var(--green-pale); }
.reviews-cta .btn-secondary svg { width: 16px; height: 16px; }