.match-card {
  background: rgb(236, 236, 236);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.match-info {
  font-family: Pressura;
}

.match-date {
  font-family: Tahoma;
  font-size: 18px;
  font-weight: 400;
}

.match-versus-team {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}

.score {
  display: flex;
  align-items: center;
  position: relative;
}

.score-part {
  font-size: 16px;
  color: #fff;
  width: 24px;
  height: 24px;
  background-color: #000;
  text-align: center;
  z-index: 1;
}

.score-part.winning {
  background-color: var(--color-background-primary);
}

.score-versus-sign {
  font-size: 16px;
  color: var(--mainColor);
  margin: 0 10px;
  z-index: 1;
}

/* Container pour la liste de joueurs dans une carte */
.match-players-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.5rem;
}

/* Badge joueur orange */
.player-badge {
  background-color: var(--color-background-primary);
  color: var(--color-text-secondary);
  padding: 0.3rem 0.6rem;
  border-radius: 0.3rem;
  font-size: 0.8rem;
  font-weight: 500;
}

/* Container des checkboxes */
.control.match-players {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 colonnes égales */
  gap: 0.25rem; /* espace entre les checkboxes */
}

/* Optionnel : style des checkboxes */
.control.match-players .checkbox {
  display: flex;
  align-items: center;
  padding: 0.25rem;
  background-color: #f9f9f9;
  border-radius: 0.25rem;
}
.match-player-checkbox {
  margin-right: 0.25rem; /* espace entre checkbox et texte */
}