/* ==========================================
   WOW STATS BAR – Click Return
   ========================================== */

.cr-wow-stats {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 40px;
  text-align: center;
  margin: 40px 0;
  padding: 0;
}

/* Each stat block */
.cr-wow-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1 1 150px;
  min-width: 140px;
  max-width: 200px;
}

/* Icon wrapper */
.cr-wow-stat__icon {
  width: 64px;
  height: 64px;
  display: grid;
  place-items: center; /* Perfect centering for any child */
  margin-bottom: 12px;
  color: var(--cr-wow-icon-color, #222);
}

/* --- Dashicons centering fix --- */
.cr-wow-stat__icon .dashicons {
  display: block !important;        /* remove WP inline behaviour */
  width: auto !important;
  height: auto !important;
  font-size: 48px !important;       /* visual size of the glyph */
  line-height: 1 !important;
  vertical-align: middle !important;
  text-align: center !important;
}

/* Dashicons use ::before for the actual glyph */
.cr-wow-stat__icon .dashicons::before {
  display: block !important;
  width: 1em;
  height: 1em;
  line-height: 1;
  transform: translateY(-2%); /* optical nudge (adjust 1–3%) */
}

/* Icon font <i> support */
.cr-wow-stat__icon i {
  display: block;
  font-size: 48px;
  line-height: 1;
  width: 1em;
  height: 1em;
}

/* Image icon support */
.cr-wow-stat__icon img {
  display: block;
  max-width: 70%;
  max-height: 70%;
  object-fit: contain;
}

/* Number */
.cr-wow-stat__number {
  font-size: 2.4rem;
  font-weight: 700;
  color: var(--cr-wow-number-color, #111);
  line-height: 1.1;
  margin-bottom: 6px;
  transition: color 0.3s ease;
}

/* Title */
.cr-wow-stat__title {
  font-size: 1rem;
  font-weight: 500;
  color: var(--cr-wow-title-color, #555);
}

/* Hover effect */
.cr-wow-stat:hover .cr-wow-stat__number {
  color: var(--cr-wow-accent-color, #0073aa);
}

/* Responsive */
@media (max-width: 768px) {
  .cr-wow-stats {
    gap: 25px;
  }
  .cr-wow-stat {
    min-width: 120px;
    max-width: 150px;
  }
  .cr-wow-stat__icon {
    width: 60px;
    height: 60px;
  }
  .cr-wow-stat__number {
    font-size: 2rem;
  }
}