/**
 * wc-hc-stat-row.css
 * HC Stat Row — horizontal grid of stat cards.
 * Covers both the row wrapper and individual card styles.
 */

/* ── Row wrapper ── */
.wc-hc-stat-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 1px;
  background: var(--grey-light);
}

/* ── Individual stat card ── */
.wc-hc-stat-card {
  background: var(--white);
  padding: var(--sp-md);
  text-align: center;
}

/* ── Stat value — large Playfair number ── */
.wc-hc-stat-value {
  font-family: 'Playfair Display', serif;
  font-size: clamp(22px, 3vw, 36px);
  font-weight: 900;
  color: var(--red-mid);
  line-height: 1;
  margin-bottom: 4px;
}

/* ── Stat label — small uppercase ── */
.wc-hc-stat-label {
  font-size: var(--t-micro);
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--dark);
  margin-bottom: 4px;
}

/* ── Stat description ── */
.wc-hc-stat-desc {
  font-size: var(--t-small);
  color: var(--body-text);
  line-height: 1.5;
  overflow-wrap: break-word;
}

/* ── Responsive ── */
@media (max-width: 480px) {
  .wc-hc-stat-row {
    grid-template-columns: repeat(2, 1fr);
  }
}