/* Styles for the Hitch rankings page */

.header .logo {
  display: none;
}

.rankings-list {
  list-style: none;       /* removes default bullet points */
  padding: 0;
  max-width: 500px;
}

.ranking-item {
  display: flex;                /* flexbox lays children out in a row */
  justify-content: space-between; /* pushes name left, score right */
  align-items: center;
  padding: 12px 16px;
  margin-bottom: 8px;
  border-radius: 8px;
  background-color: var(--code-bg);  /* uses PaperMod's theme variable */
}

.ranking-position {
  font-weight: bold;
  margin-right: 12px;
  min-width: 28px;
}

.ranking-name {
  flex: 1;               /* takes up all available space */
}

.ranking-score {
  font-weight: bold;
  color: var(--secondary);  /* another PaperMod theme variable */
}

.rankings-error {
  color: #e74c3c;
  padding: 16px;
}