/* 
  VS Player Profile Component Styles
  Defines styling for the VS Player Profile section
*/

/* Container for VS player stats */
.vs-player-stats {
  display: flex;
  flex-direction: column;
  width: 100%;
}

/* Individual stat row */
.vs-player-stat-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-block-start: var(--space-1);
  padding-block-end: var(--space-1);
  border-bottom: 1px solid var(--color-gray-200);
}

.vs-player-stat-row:last-child {
  border-bottom: none;
}

/* Style for stat labels */
.vs-player-stat-label {
  font-size: var(--text-sm);
  color: var(--clr-light-a0); /* Using light text for consistency with other cards */
}

/* Style for stat values */
.vs-player-stat-value {
  font-weight: var(--font-semibold);
  color: var(--clr-light-a0); /* Using light text for consistency with other cards */
}

/* Status indicator styles */
.vs-player-stat-strong {
  color: var(--color-success);
  font-weight: var(--font-semibold);
}

.vs-player-stat-moderate {
  color: var(--color-warning);
  font-weight: var(--font-semibold);
}

.vs-player-stat-poor {
  color: var(--color-danger);
  font-weight: var(--font-semibold);
}

/* Card header icon styling */
.vs-player-header-icon {
  margin-inline-end: var(--space-2);
}