/* Battle Search Map Styles */

/* Routing Container Styles - Panel hiển thị chi tiết đường đi */
.leaflet-routing-container {
    background: white !important;
    padding: 15px !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 15px rgba(0,0,0,0.3) !important;
    max-width: 350px !important;
    max-height: 500px !important;
    overflow-y: auto !important;
    font-size: 13px !important;
    z-index: 1000 !important;
}

/* Header styling */
.leaflet-routing-container h2 {
    font-size: 16px;
    margin: 0 0 10px 0;
    padding-bottom: 10px;
    border-bottom: 2px solid #3388ff;
    color: #333;
}

.leaflet-routing-container h3 {
    font-size: 14px;
    margin: 0 0 15px 0;
    color: #3388ff;
    font-weight: bold;
}

/* Geocoder inputs */
.leaflet-routing-geocoders {
    margin-bottom: 15px;
}

.leaflet-routing-geocoder input {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 8px;
    font-size: 13px;
}

.leaflet-routing-geocoder input:focus {
    outline: none;
    border-color: #3388ff;
    box-shadow: 0 0 5px rgba(51, 136, 255, 0.3);
}

/* Route alternatives */
.leaflet-routing-alt {
    padding: 12px;
    margin-bottom: 10px;
    border: 1px solid #eee;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s;
}

.leaflet-routing-alt:hover {
    background-color: #f5f5f5;
    border-color: #3388ff;
}

.leaflet-routing-alt.leaflet-routing-alt-minimized {
    background: #f9f9f9;
    opacity: 0.7;
}

/* Route summary */
.leaflet-routing-alt h2, .leaflet-routing-alt h3 {
    margin: 0;
}

/* Instructions list */
.leaflet-routing-alt table {
    width: 100%;
    font-size: 12px;
    margin-top: 10px;
}

.leaflet-routing-alt table tr {
    border-bottom: 1px solid #f0f0f0;
}

.leaflet-routing-alt table tr:hover {
    background-color: #f5f5f5;
}

.leaflet-routing-alt table td {
    padding: 8px 5px;
    vertical-align: top;
}

/* Distance column */
.leaflet-routing-alt table td:last-child {
    text-align: right;
    font-weight: bold;
    color: #666;
    white-space: nowrap;
}

/* Routing toggle button styles */
.leaflet-routing-toggle,
.leaflet-routing-clear {
    background-color: #fff;
    color: #333;
}

.leaflet-routing-toggle:hover,
.leaflet-routing-clear:hover {
    background-color: #f4f4f4;
}

.leaflet-routing-toggle.active {
    background-color: #3388ff;
    color: white;
}

/* Waypoint markers in routing */
.routing-marker {
    background: transparent !important;
    border: none !important;
}

/* Remove button in geocoder */
.leaflet-routing-remove-waypoint {
    background: #dc3545;
    color: white;
    border: none;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    cursor: pointer;
    font-size: 12px;
}

/* Error message */
.leaflet-routing-error {
    color: #dc3545;
    padding: 10px;
    background: #fee;
    border-radius: 4px;
    margin: 10px 0;
}

/* Collapse button */
.leaflet-routing-collapse-btn {
    position: absolute;
    top: 5px;
    right: 5px;
    background: #f0f0f0;
    border: none;
    border-radius: 4px;
    padding: 5px 10px;
    cursor: pointer;
}