.leaflet-control-layers-toggle {
    background-color: var(--button) !important;
    border: 1px solid var(--border) !important;
    color: var(--fg) !important;
}

.leaflet-bar a,
.leaflet-bar a:hover {
    background-color: var(--button) !important;
    border: 1px solid var(--border) !important;
    color: var(--fg) !important;
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
    background: var(--html-bg) !important;
    color: var(--text-color) !important;
    border: 1px solid var(--border) !important;
}

.leaflet-popup-content-wrapper a {
    color: var(--link) !important;
}

.leaflet-popup-content-wrapper a:hover {
    text-decoration: underline;
}

/* Leaflet control buttons */
.leaflet-control-locate,
.leaflet-control-layers-toggle {
    background-color: var(--button) !important;
    border: 1px solid var(--border) !important;
    color: var(--fg) !important;
}

.leaflet-bar a,
.leaflet-bar a:hover {
    background-color: var(--button) !important;
    border: 1px solid var(--border) !important;
    color: var(--fg) !important;
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
    background: var(--html-bg) !important;
    color: var(--text-color) !important;
    border: 1px solid var(--border) !important;
}

.leaflet-popup-content-wrapper a {
    color: var(--link) !important;
}

.leaflet-popup-content-wrapper a:hover {
    text-decoration: underline;
}

/* Leaflet attribution control */
.leaflet-control-attribution {
    background: var(--button) !important;
    border: 1px solid var(--border) !important;
    color: var(--fg) !important;
}

.leaflet-control-attribution a {
    color: var(--link) !important;
}

.leaflet-control-attribution a:hover {
    text-decoration: underline !important;
}

/* Leaflet scale control */
.leaflet-control-scale {
    background: var(--button) !important;
    border: 1px solid var(--border) !important;
    color: var(--fg) !important;
    text-shadow: 1px 1px 2px var(--border) !important;
}

.leaflet-control-scale-line {
    background: var(--button) !important;
    border: 1px solid var(--border) !important;
    color: var(--fg) !important;
    text-shadow: 1px 1px 2px var(--border) !important;
}

/* Ensuring dark theme compliance */
@media (prefers-color-scheme: dark) {

    .leaflet-control-locate,
    .leaflet-control-layers-toggle,
    .leaflet-bar a,
    .leaflet-bar a:hover,
    .leaflet-popup-content-wrapper,
    .leaflet-popup-tip,
    .leaflet-control-attribution,
    .leaflet-control-scale,
    .leaflet-control-scale-line {
        background-color: var(--button) !important;
        border: 1px solid var(--border) !important;
        color: var(--fg) !important;
        text-shadow: 1px 1px 2px var(--background-color) !important;
    }

    .leaflet-control-attribution a {
        color: var(--link) !important;
    }
}