/* styles/constructor-standings.css */

body {
  margin: 0;
  font-family: 'Orbitron', sans-serif;
  background-color: #0e0e11;
  color: #fff;
  /* No padding-top here - it's in styles.css now for all pages */
}

.standings {
  max-width: 800px;
  margin: auto;
  padding: 30px 20px;
}

h1 {
  text-align: center;
  margin: 30px 0;
  font-size: 28px;
  color: #f4f533;
  text-shadow: 0 0 8px #f4f53380;
}

.standings-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 50px;
}

.standings-table thead {
  color: #888;
  font-size: 14px;
}

.standings-table th, .standings-table td {
  padding: 16px 12px;
  text-align: left;
  border-bottom: 1px solid #2e2e38;
}

.standings-table tbody tr {
  background-color: #16161a;
  transition: background 0.3s;
}

.standings-table tbody tr:hover {
  background-color: #1e1e25;
}

/* Team Colors for Constructor Standings */
.team.mclaren {
  color: #f27d0c;
  font-weight: 600;
}
.team.ferrari {
  color: #ff1e1e;
  font-weight: 600;
}
.team.mercedes {
  color: #00d2be;
  font-weight: 600;
}
.team.redbull {
  color: #1e41ff;
  font-weight: 600;
}
.team.williams {
  color: #64c4ff;
  font-weight: 600;
}
.team.sauber {
  color: #52e252;
  font-weight: 600;
}
.team.alpine {
  color: #0090ff;
  font-weight: 600;
}
.team.haas {
  color: #bdc3c7;
  font-weight: 600;
}
.team.racingbulls { /* Adjusted to match your HTML's class */
  color: #5c1aff;
  font-weight: 600;
}
.team.astonmartin { /* Adjusted to match your HTML's class */
  color: #229971;
  font-weight: 600;
}

.footer {
  text-align: center;
  padding: 10px;
  font-size: 14px;
  color: #aaa;
  background: #111;
}