/* -------------------------------------------------------- */
/* 🔹 Chart Statistics                                      */
/* -------------------------------------------------------- */
/* Statistics row: Lägst / Snitt / Högst                    */
/* Mirrors chart_statistics.dart                             */

.chart-statistics {
  display: flex;
  align-items: stretch;
  padding: 0 var(--space-l);
  max-width: 540px;
  margin: 0 auto;
}

.chart-statistics__item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-xs);
}

.chart-statistics__label {
  font-size: var(--text-body-small);
  color: var(--color-on-surface-variant);
}

.chart-statistics__value {
  font-size: var(--text-title-medium);
  font-weight: var(--text-title-weight);
}

.chart-statistics__value--min {
  color: var(--color-price-green);
}

.chart-statistics__value--avg {
  color: var(--color-primary);
}

.chart-statistics__value--max {
  color: var(--color-price-red);
}

.chart-statistics__subtitle {
  font-size: 10px;
  color: var(--color-subtitle);
}

.chart-statistics__subtitle--hidden {
  visibility: hidden;
}

.chart-statistics__divider {
  width: 1px;
  background-color: var(--color-outline);
  margin: 0 var(--space-s);
  align-self: stretch;
}


/* -------------------------------------------------------- */
/* 🔹 Desktop                                              */
/* -------------------------------------------------------- */

@media (min-width: 1000px) {
  .chart-statistics__label {
    font-size: var(--text-body-medium);
  }

  .chart-statistics__value {
    font-size: 20px;
  }

  .chart-statistics__subtitle {
    font-size: 12px;
  }
}