/* Enhanced Responsive Styles for Stats Cards */

/* Large Desktop & Small Desktop (1200px) */
@media (max-width: 1200px) {
  .stats-grid {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1.2rem;
  }

  .stat-card {
    padding: 1.3rem 1rem !important;
    min-height: 110px !important;
  }

  .stat-number {
    font-size: 2rem !important;
  }
}

/* Large Tablet & Small Desktop (900px) */
@media (max-width: 900px) {
  .stats-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.2rem;
  }

  .stat-card {
    padding: 1.2rem 1rem !important;
    min-height: 100px !important;
  }

  .stat-number {
    font-size: 1.8rem !important;
  }

  .stat-label {
    font-size: 0.75rem !important;
  }
}

/* Tablet & Medium Screens (768px) */
@media (max-width: 768px) {
  .stats-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }

  .stat-card {
    padding: 1.1rem 0.8rem !important;
    min-height: 90px !important;
  }

  .stat-number {
    font-size: 1.6rem !important;
  }

  .stat-label {
    font-size: 0.7rem !important;
    letter-spacing: 0.5px !important;
  }
}

/* Mobile Screens (480px) */
@media (max-width: 480px) {
  .stats-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .stat-card {
    padding: 1rem 0.8rem !important;
    min-height: 85px !important;
  }

  .stat-number {
    font-size: 1.5rem !important;
  }

  .stat-label {
    font-size: 0.7rem !important;
    letter-spacing: 0.3px !important;
  }
}