/* ===== Feuerwehr Brand-Overrides für Bootstrap ===== */

:root {
    --rk-red:    #c0392b;
    --rk-red-dk: #96281b;
}

/* Navbar */
.navbar-rk          { background: var(--rk-red) !important; }
.navbar-rk .navbar-brand,
.navbar-rk .nav-link { color: rgba(255,255,255,.9) !important; }
.navbar-rk .nav-link:hover,
.navbar-rk .nav-link.active { color: #fff !important; text-decoration: underline; }
.navbar-rk .navbar-toggler { border-color: rgba(255,255,255,.4); }
.navbar-rk .navbar-toggler-icon { filter: invert(1); }

/* Buttons */
.btn-rk         { background: var(--rk-red); color: #fff; border-color: var(--rk-red); }
.btn-rk:hover   { background: var(--rk-red-dk); border-color: var(--rk-red-dk); color: #fff; }
.btn-rk:focus   { box-shadow: 0 0 0 .25rem rgba(192,57,43,.35); }
.btn-rk:active  { background: var(--rk-red-dk); }

/* Login */
.login-card     { max-width: 400px; }
.login-logo     { color: var(--rk-red); font-size: 1.8rem; font-weight: 700; }

/* Summary Cards */
.summary-value  { font-size: 1.6rem; font-weight: 700; color: var(--rk-red); }
.summary-label  { font-size: .75rem; text-transform: uppercase; letter-spacing: .05em; color: #6c757d; }

/* Tabellen-Header */
.table-rk thead th { background: var(--rk-red); color: #fff; border-color: var(--rk-red-dk); }

/* Geocoder Autocomplete-Dropdown */
.geocoder-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1060;
    background: #fff;
    border: 1px solid #dee2e6;
    border-top: none;
    border-radius: 0 0 .375rem .375rem;
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: 220px;
    overflow-y: auto;
    box-shadow: 0 4px 12px rgba(0,0,0,.1);
}
.geocoder-dropdown li {
    padding: .45rem .75rem;
    font-size: .85rem;
    cursor: pointer;
    border-bottom: 1px solid #f0f0f0;
}
.geocoder-dropdown li:last-child { border-bottom: none; }
.geocoder-dropdown li:hover { background: #fff5f4; color: var(--rk-red); }

/* Map Modal */
#leaflet-map { height: 420px; }

/* Mode-Toggle Buttons im Map-Modal */
.btn-map-mode        { border-radius: 2rem; padding: .3rem .9rem; font-size: .82rem; }
.btn-map-mode.active { box-shadow: 0 0 0 2px rgba(0,0,0,.2); }

/* Km-Badge im Formular */
.km-result-badge {
    font-size: 1rem;
    background: #fff3cd;
    border: 1px solid #ffc107;
    border-radius: .375rem;
    padding: .4rem .75rem;
    display: inline-block;
}

/* Responsive Tabelle: Von/Nach auf Mobil ausblenden */
@media (max-width: 576px) {
    .col-hide-sm { display: none; }
}