/**
 * GT Stats Grid widget styles.
 *
 * @package GloriaThemesCore
 */

.elementor-widget-gt-stats-grid .gt-el-stats-grid,
.gt-el-stats-grid {
  width: 100%;
}

.elementor-widget-gt-stats-grid .gt-el-stats-grid__grid,
.gt-el-stats-grid__grid {
  display: grid !important;
  grid-template-columns: repeat(var(--gt-stat-cols, 2), minmax(0, 1fr));
  column-gap: 1.25rem;
  row-gap: 1.25rem;
  width: 100%;
}

@media (max-width: 1024px) {
  .elementor-widget-gt-stats-grid .gt-el-stats-grid__grid,
  .gt-el-stats-grid__grid {
    grid-template-columns: repeat(var(--gt-stat-cols-tablet, var(--gt-stat-cols, 2)), minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  .elementor-widget-gt-stats-grid .gt-el-stats-grid__grid,
  .gt-el-stats-grid__grid {
    grid-template-columns: repeat(var(--gt-stat-cols-mobile, 1), minmax(0, 1fr)) !important;
  }
}

.gt-el-stat-card {
  min-width: 0;
  text-align: center;
  padding: 2rem;
  border-radius: 1rem;
  background: var(--gt-stat-bg, #f8fafc);
  border: var(--gt-stat-border, 1px solid #f1f5f9);
  transition: transform .3s ease, box-shadow .3s ease;
}

.gt-el-stat-card__value {
  margin: 0 0 .5rem;
  font-family: var(--gt-font-display, 'Outfit', system-ui, sans-serif);
  font-size: 3rem;
  font-weight: 700;
  line-height: 1;
  color: var(--gt-stat-value-color, #0f172a) !important;
}

.gt-el-stat-card__number {
  display: inline;
}

.gt-el-stat-card__suffix {
  color: var(--gt-stat-suffix-color, var(--gt-primary, #5233eb));
  font-size: var(--gt-stat-suffix-size, 1em);
}

.gt-el-stat-card__label {
  margin: 0 !important;
  margin-bottom: 0 !important;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--gt-stat-label-color, #64748b) !important;
}

.gt-el-stat-card--light {
  background: #f8fafc !important;
  border: 1px solid #f1f5f9 !important;
}

.gt-el-stat-card--light .gt-el-stat-card__value {
  color: #0f172a !important;
}

.gt-el-stat-card--light .gt-el-stat-card__label {
  color: #64748b !important;
}

.gt-el-stat-card--brand-gradient {
  background: linear-gradient(135deg, #5233eb, #7c3aed) !important;
  border: none !important;
}

.gt-el-stat-card--brand-gradient .gt-el-stat-card__value {
  color: #ffffff !important;
}

.gt-el-stat-card--brand-gradient .gt-el-stat-card__label {
  color: rgba(255, 255, 255, 0.8) !important;
}

.gt-el-stat-card--dark {
  background: #0f172a !important;
  border: none !important;
}

.gt-el-stat-card--dark .gt-el-stat-card__value {
  color: #8577ff !important;
}

.gt-el-stat-card--dark .gt-el-stat-card__label {
  color: rgba(255, 255, 255, 0.6) !important;
}

.gt-el-stat-card__suffix--override {
  color: var(--gt-stat-suffix-color) !important;
}