/* MCNR shared Leaflet theme — dark/translucent/blurred look for popups,
   attribution, and zoom controls. Loaded after leaflet.css by every app
   that embeds a Leaflet map (web-map, web-properties, web-stats).
   Do not edit leaflet.css/leaflet.js themselves — put overrides here. */

.leaflet-popup-content-wrapper {
    background: rgba(18, 26, 38, 0.60) !important;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    color: #c8d8e8 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.40) !important;
    border-radius: 7px !important;
}
.leaflet-popup-tip {
    background: rgba(18, 26, 38, 0.60) !important;
}
.leaflet-popup-close-button {
    color: #7a9ab0 !important;
}
.leaflet-popup-close-button:hover {
    color: #c8d8e8 !important;
}
.leaflet-popup-content b,
.leaflet-popup-content strong {
    color: #e2eaf3;
}

.leaflet-control-attribution {
    background: rgba(15, 22, 32, 0.45) !important;
    color: #7a9ab0 !important;
}
.leaflet-control-attribution a {
    color: #5b9fc2 !important;
}

.leaflet-control-zoom a {
    background: rgba(22, 32, 46, 0.55) !important;
    color: #c8d8e8 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}
.leaflet-control-zoom a:hover {
    background: rgba(40, 58, 80, 0.70) !important;
    color: #ffffff !important;
}