/* styles/driver-standings.css */

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

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

.driver-standings {
  max-width: 1000px;
  margin: auto;
}

.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;
}

.standings-table img.flag {
  height: 14px;
  vertical-align: middle;
  margin-right: 8px;
}

.team-icon {
  height: 16px;
  vertical-align: middle;
  margin-right: 8px;
}

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

/* Team Colors */
.mclaren {
  color: #f27d0c;
  font-weight: 600;
}
.ferrari {
  color: #ff1e1e;
  font-weight: 600;
}
.mercedes {
  color: #00d2be;
  font-weight: 600;
}
.redbull {
  color: #1e41ff;
  font-weight: 600;
}
.williams {
  color: #64c4ff;
  font-weight: 600;
}
.sauber {
  color: #52e252;
  font-weight: 600;
}
.alpine {
  color: #0090ff;
  font-weight: 600;
}
.haas {
  color: #bdc3c7;
  font-weight: 600;
}
.rb {
  color: #5c1aff;
  font-weight: 600;
}
.aston {
  color: #229971;
  font-weight: 600;
}