/* MapLibre built-in controls */
.maplibregl-ctrl-group {
    background: var(--surface);
    box-shadow: 0 0 0 1px var(--border), 0 2px 8px var(--shadow);
}

.maplibregl-ctrl-group button+button {
    border-top: 1px solid var(--border-soft);
}

.maplibregl-ctrl button:not(:disabled):hover {
    background-color: var(--hover);
}

.maplibregl-ctrl-attrib {
    background-color: var(--surface-translucent);
    color: var(--muted);
}

.maplibregl-ctrl-attrib a {
    color: var(--muted);
}

.maplibregl-ctrl-attrib.maplibregl-compact {
    background-color: var(--surface);
}

@media (prefers-color-scheme: dark) {

    .maplibregl-ctrl-icon,
    .maplibregl-ctrl-attrib-button,
    .hazard-legend-icon {
        filter: invert(1);
    }

    .maplibregl-ctrl-logo {
        filter: brightness(0) invert(1);
    }
}