/* Font Awesome 6 — icon wrappers and sizing */

.card-icon,
.value-icon,
.hi-icon,
.note-icon {
  display: block;
  margin-bottom: 1rem;
  color: var(--green);
}

.card-icon i,
.value-icon i,
.hi-icon i,
.note-icon i {
  font-size: 1.75rem;
  color: inherit;
}

.value-icon {
  margin-bottom: 0.5rem;
}

.value-icon i {
  font-size: 1.5rem;
}

/* Black value tiles: icons must stay visible (default --green would match the background) */
.values-strip .value-icon,
.values-strip .value-icon i {
  color: #ffffff;
}

.hi-icon {
  margin-bottom: 0.5rem;
}

.hi-icon i {
  font-size: 1.75rem;
}

.note-box .note-icon {
  margin-bottom: 0;
  flex-shrink: 0;
  margin-top: 0.1rem;
}

.note-box .note-icon i {
  font-size: 1.25rem;
}

/* Stat block: optional img icon in stat tiles */
.stat-icon {
  width: 32px;
  height: 32px;
  margin: 0 auto 0.25rem;
  display: block;
  background: none;
}

/* Dark sections: icons white */
.section-dark .card-icon,
.section-dark .value-icon,
.section-dark .hi-icon,
.section-navy .card-icon,
.section-navy .value-icon,
.section-navy .hi-icon {
  color: var(--white);
}

.section-dark .card-icon i,
.section-dark .value-icon i,
.section-dark .hi-icon i,
.section-navy .card-icon i,
.section-navy .value-icon i,
.section-navy .hi-icon i {
  color: inherit;
}