.river-gauge-popup {
    background: rgba(44, 66, 94, 0.75);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(6.6px);
    -webkit-backdrop-filter: blur(6.6px);
    border: 1px solid rgba(44, 66, 94, 0.69);

}

.river-gauge-popup .maplibregl-popup-content {
    border: none;      /* Remove default border if needed */
    box-shadow: none;  /* Remove any default shadow */
    background-color: rgba(0,0,0,0);
    width: 500px
}

.river-gauge-popup .maplibregl-popup-tip {
    display: none;     /* Hides the default arrow tip */
}


.riverGaugesModal {
    background-color: rgba(44, 66, 94);
    color: white;
    position: fixed;
    /* Set position to fixed */
    top: 50%;
    /* Position from the top */
    left: 50%;
    /* Position from the left */
    transform: translate(-50%, -50%);
    /* Center the modal horizontally and vertically */
    padding: 20px;
    border-radius: 10px;
    /* width: 50%; */
    /* max-width: 500px; */
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    z-index: 25;
}

.river-gauge-info-row {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem; /* space between items */
    margin-bottom: 1rem;
    text-align: center;
    justify-content: center;
}

.river-gauge-info-row p {
    margin: 0;
}