/* =========================================================
   VP v92 - Stats icon duplicate fix
   Account stat cards now use .vp-account-stat-icon instead of the template .icon.
   This prevents the old PNG/template icon from appearing behind FontAwesome.
   ========================================================= */

body.stats-page .vp-account-stat-card {
  position: relative !important;
  overflow: hidden !important;
}

body.stats-page .vp-account-stat-card > .icon,
body.stats-page .vp-account-stat-card .icon:not(.vp-account-stat-icon),
body.stats-page .service-item.first-service > .icon,
body.stats-page .service-item.second-service > .icon,
body.stats-page .service-item.third-service > .icon,
body.stats-page .service-item.fourth-service > .icon {
  display: none !important;
  background: none !important;
  background-image: none !important;
}

body.stats-page .vp-account-stat-icon {
  width: 54px !important;
  height: 54px !important;
  margin: 0 0 28px 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 16px !important;
  background: radial-gradient(circle at 35% 25%, rgba(95,210,255,.22), transparent 46%), linear-gradient(145deg, rgba(0,145,255,.16), rgba(5,25,56,.68)) !important;
  border: 1px solid rgba(67,190,255,.42) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 22px rgba(0,145,255,.14) !important;
  overflow: hidden !important;
}

body.stats-page .vp-account-stat-icon::before,
body.stats-page .vp-account-stat-icon::after {
  display: none !important;
  content: none !important;
}

body.stats-page .vp-account-stat-icon i {
  display: block !important;
  position: static !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  height: auto !important;
  line-height: 1 !important;
  font-size: 24px !important;
  color: #5fd2ff !important;
  background: transparent !important;
  background-image: none !important;
  text-shadow: 0 0 16px rgba(95,210,255,.38) !important;
  filter: none !important;
  transform: none !important;
}

body.stats-page .vp-account-stat-card:hover .vp-account-stat-icon {
  background: radial-gradient(circle at 35% 25%, rgba(95,210,255,.30), transparent 48%), linear-gradient(145deg, rgba(0,165,255,.20), rgba(12,35,76,.74)) !important;
  border-color: rgba(95,210,255,.62) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 0 30px rgba(0,170,255,.20) !important;
}
