/* =============================================================
   IDATA Elementor Widgets – STATS
   Phụ thuộc: idata-core
============================================================= */

/* =========================================================
   1. STATS
========================================================= */
.idata-stats {
  padding-block: var(--idata-space-8);
  background: var(--idata-gradient-primary-deep);
  color: var(--idata-on-dark);
}
.idata-stats__head { text-align: center; margin-bottom: var(--idata-space-7); }
.idata-stats__title {
  font-size: var(--idata-fs-h3);
  font-weight: var(--idata-font-weight-bold);
  color: #fff;
}
.idata-stats__note {
  margin-top: 6px;
  font-size: var(--idata-fs-xs);
  color: rgba(255, 255, 255, 0.75);
}

.idata-stats__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--idata-space-5);
}
.idata-stats__item {
  text-align: center;
  padding: var(--idata-space-5);
  border-radius: var(--idata-radius-md);
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.12);
}
.idata-stats__value {
  display: block;
  font-size: clamp(2rem, 1.5rem + 1.7vw, 2.9rem);
  font-weight: var(--idata-font-weight-bold);
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: #fff;
  margin-bottom: 8px;
}
.idata-stats__label {
  display: block;
  font-size: var(--idata-fs-sm);
  color: rgba(255, 255, 255, 0.88);
}


/* ============ RESPONSIVE ============ */

@media (max-width: 768px) {
  .idata-stats__grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 480px) {
  .idata-stats__grid { grid-template-columns: 1fr; gap: var(--idata-space-3); }
  .idata-stats__item { display: flex; align-items: center; gap: var(--idata-space-4); text-align: left; }
  .idata-stats__value { margin-bottom: 0; min-width: 92px; }
}