/* Ergaenzungen zum Theme der Homepage (Bootswatch "Solar", dunkel).
   Grundsatz: KEINE eigenen Farbwerte. Alles ueber Bootstrap-Variablen,
   damit ein Themewechsel die Seiten nicht zerreisst.
   Zur Erinnerung, was Solar vorgibt:
     --bs-body-bg #002b36 | --bs-body-color #839496
     --bs-primary #b58900 | --bs-success #2aa198 | --bs-link-color #2aa198
     --bs-tertiary-bg ist HELL (#fdf6e3) - bg-body-tertiary also nicht benutzen. */

/* Spielplan-Kasten, angelehnt an die Finalrunden-Tabellen in f1_halle.html */
.tab-spiele { font-size: .9rem; }
.tab-spiele .abschnitt {
  background-color: rgba(255, 255, 255, .07);
  font-weight: 600;
  text-align: center;
}

/* Karten der Eintragemaske: Grund wie die Seite, nur die Kante markiert */
.spielkarte {
  background-color: transparent;
  border-left: .35rem solid var(--bs-border-color);
}
.spielkarte.offen  { border-left-color: var(--bs-primary); }
.spielkarte.fertig { border-left-color: var(--bs-success); }
.teamname { font-weight: 600; overflow-wrap: anywhere; }

/* Ergebnis-Buttons gleich breit, Ziffern springen beim Wechsel nicht */
.erg-btn { min-width: 4.25rem; font-variant-numeric: tabular-nums; }

/* Ausgewaehltes Ergebnis deutlich markieren - btn-success allein ist im
   Solar-Theme (#2aa198) auf dunklem Grund zu blass. */
.erg-btn.btn-success {
  font-weight: 700;
  box-shadow: 0 0 0 .18rem rgba(42, 161, 152, .45);
}

@media (max-width: 600px) {
  .container { max-width: 100% !important; width: 100% !important;
               padding-left: 12px !important; padding-right: 12px !important; }
  /* Nur Mannschaftsnamen umbrechen. Kopfzeilen und Zahlen bleiben in einer
     Zeile, sonst wird aus "Punkte" ein "Punkt / e". */
  th { white-space: nowrap !important; }
  td { white-space: nowrap !important; }
  td.mannschaft { white-space: normal !important; word-break: break-word; }
}