/* 
  Summary Card Component Styles
  Defines styling for player stat summary cards
*/

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

.summary-stats {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.summary-stat-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.summary-stat-label {
  color: var(--clr-surface-a50);
  font-size: var(--text-sm);
}

.summary-stat-value {
  font-weight: var(--font-bold);
  color: var(--clr-light-a0);
  display: flex;
  align-items: center;
}

.summary-stat-large {
  font-size: var(--text-xl);
  text-align: center;
}

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

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

/* Handle trend colors */
.card-summary .text-success {
  color: var(--clr-success);
}

.card-summary .text-danger {
  color: var(--clr-danger);
}

/* Mobile responsiveness */
@media (max-width: 1600px) {
  .card-summary {
    width: calc(50% - 0.25rem) !important;
  }
  
  .mobile-hide-row-1 {
    display: none !important;
  }
}