/**
 * reifen_shop.css – Gemeinsame Styles für den Reifen-Shop
 * Wird von index.html (Kunde) und verkauf.html eingebunden.
 *
 * Konvention:
 *  - Selektoren beginnen mit #page-reifen, damit nur dieser Bereich betroffen ist
 *  - Beide Portale nutzen die ID #page-reifen für die Reifen-Seite
 */

/* Reifen-Shop nutzt die volle Bildschirmbreite */
#page-reifen .page-inner {
  max-width: none;
  padding: 28px 32px;
}

/* Tabellen-Header: prominent (sonst gehen sie unter) */
#page-reifen thead {
  background: rgba(255, 255, 255, 0.04);
}
#page-reifen thead th {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #e8e8e8;
  border-bottom: 2px solid var(--red);
  background: rgba(204, 26, 26, 0.06);
  text-align: left;
}

/* Body-Zellen: klare Trennlinien zwischen Zeilen */
#page-reifen tbody td {
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  vertical-align: middle;
}
#page-reifen tbody tr:hover td {
  background: rgba(255, 255, 255, 0.02);
}