/* 
  Performance Card Component Styles
  Defines styling for player performance circular progress indicators
*/

.card-performance {
  width: calc(33.333% - 0.25rem);
}

.performance-circles {
  display: flex;
  gap: var(--space-2);
  justify-content: center;
  padding: var(--space-2);
}

.performance-circle {
  /* Reduced size by 20% as requested */
  transform: scale(0.8);
  transform-origin: center;
}

.card-performance .text-primary {
  color: var(--clr-light-a0);
  font-size: var(--text-md);
  font-weight: var(--font-bold);
}

.card-performance .card-body {
  padding: var(--space-3);
}

/* Mobile responsiveness */
@media (max-width: 1600px) {
  .card-performance {
    width: calc(50% - 0.25rem) !important;
  }
}