/*
 * Stats Bar Section
 * Tekvera Initiative Theme
 */

.tv-stats-bar {
  background-color: var(--tv-white);
  border-bottom: 1px solid var(--tv-border);
}

.tv-stats-bar__inner {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.tv-stat {
  padding: 2rem 2rem;
  border-right: 1px solid var(--tv-border);
  display: flex;
  flex-direction: column;
  gap: 0.28rem;
}

.tv-stat:last-child {
  border-right: none;
}

.tv-stat__number {
  font-family: var(--tv-font-serif);
  font-size: clamp(2.5rem, 3.5vw, 2.8rem);
  font-weight: 600;
  color: var(--tv-green-800);
  line-height: 1;
  letter-spacing: var(--tv-tracking-tight);
}

.tv-stat__number .tv-stat__suffix {
  font-size: 65%;
  font-weight: 300;
}

.tv-stat__label {
  font-size: 1.05rem;
  color: var(--tv-text-secondary);
  font-weight: 600;
  margin-top: 0.15rem;
}

.tv-stat__desc {
  font-size: 0.92rem;
  color: var(--tv-text-tertiary);
  line-height: 1.2;
}

@media (max-width: 900px) {
  .tv-stats-bar__inner {
    grid-template-columns: repeat(2, 1fr);
  }
  .tv-stat:nth-child(2) {
    border-right: none;
  }
  .tv-stat:nth-child(3) {
    border-top: 1px solid var(--tv-border);
  }
}

@media (max-width: 480px) {
  .tv-stats-bar__inner {
    grid-template-columns: 1fr;
  }
  .tv-stat {
    border-right: none;
    border-bottom: 1px solid var(--tv-border);
    padding: 1.25rem 2rem;
  }
  .tv-stat:last-child {
    border-bottom: none;
  }
}