/* Map Tools Container */

#map-tools {

    position: absolute;

    bottom: 82%;

    left: 50%;

    transform: translateX(-50%);

    display: flex;

    gap: 10px;

    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */

    padding: 5px 10px;

    border-radius: 5px;

    z-index: 1000; /* Ensure it appears above the map layers */

}



/* Individual Tool Buttons */

.map-tool {

    background-color: #ffffff;

    border: 1px solid #ccc;

    border-radius: 4px;

    padding: 8px 10px;

    font-size: 16px;

    cursor: pointer;

    color: #333;

    font-weight: bold;

    transition: background-color 0.3s ease;

}



.map-tool:hover {

    background-color: #e0e0e0;

}