/* Progress Bar Styling */
.stats-grid .progress {
    background-color: #121416 !important;
    border-radius: 0;
}

.stats-grid .progress-bar {
    transition: width 1s ease-in-out;
    box-shadow: 0 0 8px rgba(0, 123, 255, 0.5); /* Subtle glow */
}

/* Map Styling */
.location-map-wrapper img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    filter: grayscale(0.5) contrast(1.2); /* Matches dark theme better */
}

    .location-map-wrapper img:hover {
        filter: grayscale(0);
    }

.lake-info + div .btn {
    min-width: 150px; /* Forces all 'Get Directions' buttons to be the same size */
    text-align: center;
}

/* Ensure buttons match filter button height */
.btn-sm {
    letter-spacing: 1px;
    padding: 8px 15px;
}


td.day, th.day {
    background-color: rgba(255, 255, 255, 0.03) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.30) 
}

td.stat-col{
    text-transform: lowercase;
}