/*bloc classement*/
.container {
  max-width: 1200px;
  margin: 20px auto;
  padding: 20px;
  background: linear-gradient(var(--primary-color), var(--secondary-color));
  border-radius: 10px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.7);
}
/*titre pool*/
.pool-classement {
  margin-bottom: 30px;
}
.pool-classement h2 {
  margin-bottom: 15px;
  font-size: 1.8em;
  /* color: var(--secondary-color); */
}
/* tableau pool*/
.table-wrapper {
  overflow-x: auto;
}

table {
  width: 100%;
  border-collapse: collapse;
}

th,
td {
  padding: 10px;
  text-align: left;
  border: 1px solid var(--secondary-color);
}

th {
  background-color: var(--primary-color);
  color: white;
  font-weight: bold;
}

tr:nth-child(even) {
  background-color: var(--primary-color);
}

tr:hover {
  background-color: var(--accent-color);
}

.status {
  font-weight: bold;
  color: white;
}

/*
Change defeated color on tr hover
*/
tr:hover .defeated {
  color: var(--primary-color); /* Ou toute autre couleur de votre choix */
}
.defeated {
  color: var(--text-color);
}

/*team lgos = fait marquants*/
.team-logs {
  margin-top: 40px;
}
.team-logs h2 {
  margin-bottom: 15px;
  font-size: 1.8em;
  /* color: var(--secondary-color); */
}

.team-logs ul {
  list-style: none;
  padding: 0;
}

.team-logs li {
  background-color: var(--primary-color);
  margin-bottom: 10px;
  padding: 10px;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.team-name {
  color: var(--accent-color);
}

match-history/* historique des matchs*/
    .match-history {
  margin-top: 40px;
}

.match-history h2 {
  margin-bottom: 15px;
  font-size: 1.8em;
  /* color: var(--secondary-color); */
}

.match-history table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}

.match-history th,
.match-history td {
  padding: 10px;
  text-align: left;
  border: 1px solid var(--primary-color);
}

.match-history th {
  background-color: var(--primary-color);
  color: white;
  font-weight: bold;
}

/*team logos*/
.team-logo {
  width: 30px;
  height: 30px;
  margin-right: 10px;
  vertical-align: middle;
}