/* fahrt.css - die Bedienleiste der Fahrsimulation (§230).
 *
 * ⚠️ EINZEILIG, SOLANGE ES GEHT - dieselbe Vorgabe wie fuer die
 * Begehen-Leiste (§219.2). Eine zweite Zeile frisst Sicht auf die Trasse,
 * und genau die soll beurteilt werden. Unter 900 px darf sie umbrechen,
 * darunter waere sie sonst unlesbar schmal.
 *
 * ⚠️ UNTEN, NICHT OBEN. Oben sitzt der Horizont; er ist bei der Beurteilung
 * der Linienfuehrung der wichtigste Teil des Bildes. */
#fahr-leiste {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    bottom: 14px;
    z-index: 5200;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 8px;
    max-width: min(1280px, 96vw);
    padding: 5px 11px;
    border-radius: 7px;
    background: var(--pd-vertief);
    border: 1px solid var(--pd-rahmen-st);
    box-shadow: 0 3px 14px rgba(0, 0, 0, .45);
    font-family: Arial, sans-serif;
    color: var(--pd-text-n);
}

/* Jedes Kind darf schrumpfen - ohne `min-width: 0` sprengt ein langer
 * Fahrzeugname die Leiste ueber den Bildschirmrand hinaus. */
#fahr-leiste > * { min-width: 0; }

.fahr-knopf {
    padding: 3px 9px;
    font-size: 12px;
    white-space: nowrap;
    cursor: pointer;
    color: var(--pd-text-n);
    background: var(--pd-vertief-2);
    border: 1px solid var(--pd-rahmen-st);
    border-radius: 4px;
}
.fahr-knopf:hover { border-color: var(--pd-messen); }

@media (max-width: 900px) {
    #fahr-leiste {
        flex-wrap: wrap;
        justify-content: center;
        max-width: 96vw;
    }
}