/* tunnelbliq Bootstrap Dashboard */

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background: #f5f5f5;
}

/* Leaflet-Karte ohne weissen Rand */
.leaflet-container {
    background: #f5f5f5;
}

/* Navbar-Links (Streckenansicht / Steckbrief) – gleiche Pill-Variante wie die
   aktiven Toggle-Buttons auf Steckbrief/Streckenansicht (.sd-active / .lsgd-active) */
.nav-link {
    color: rgba(255, 255, 255, 0.55);
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    padding: 8px 16px;
    border-radius: 999px;
    transition: background-color 0.22s ease, color 0.22s ease;
}
.nav-link:hover {
    color: rgba(255, 255, 255, 0.85);
    background-color: rgba(255, 255, 255, 0.08);
}
.nav-link-active {
    background: #1d1d1f;
    color: #34c759;
    box-shadow: 0 4px 10px -4px rgba(0, 0, 0, 0.5);
}

/* "aktiv"-Pfeil/Badge blinkt 3× bei Seitenaufruf und Richtungswechsel */
@keyframes aktiv-blink {
    0%, 100% { opacity: 1; }
    50%       { opacity: 0; }
}
.aktiv-blink {
    animation: aktiv-blink 1s ease-in-out 3;
    animation-fill-mode: forwards;
}