/* public/assets/css/components/_stats.css */

.stat-card {
  background: rgba(255, 255, 255, 0.65);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 20px;
  padding: 32px 20px;
  text-align: center;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-shadow: 0 8px 32px rgba(26, 26, 26, 0.04);
}

.stat-card::before {
  content: '';
  position: absolute;
  top: -1px;
  left: 50%;
  width: 40px;
  height: 4px;
  background: var(--bb-gold);
  border-radius: 0 0 4px 4px;
  transform: translateX(-50%);
}

.stat-card .stat-number {
  font-family: var(--bb-font-heading);
  font-weight: 800;
  font-size: clamp(2.25rem, 4vw, 3rem);
  background: linear-gradient(135deg, var(--bb-purple) 0%, var(--bb-forest) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  line-height: 1.1;
}

.stat-card .stat-label {
  color: var(--bb-text-medium);
  font-size: 0.95rem;
  margin-top: 8px;
  font-weight: 600;
}