:root {
    --custom-shadow: 0 1px 2px rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
}

/* --- Leaflet Controls --- */
.leaflet-bar {
    border-radius: var(--mantine-radius-xl) !important;
    box-shadow: var(--custom-shadow) !important;
    border: none !important;
    overflow: hidden;
}

.leaflet-bar a {
    background-color: var(--mantine-color-body) !important;
    color: var(--mantine-color-text) !important;
}

.leaflet-control-locate:not(.requesting):not(.active):not(.following) .leaflet-control-locate-location-arrow {
    background-image: none !important;
    background-color: var(--mantine-color-text) !important;
    -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M445 4 29 195c-48 23-32 93 19 93h176v176c0 51 70 67 93 19L508 67c16-38-25-79-63-63z\"/></svg>");
    mask-image: url("data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M445 4 29 195c-48 23-32 93 19 93h176v176c0 51 70 67 93 19L508 67c16-38-25-79-63-63z\"/></svg>");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

/* --- Leaflet Markers --- */
.marker-cluster {
    background-color: var(--mantine-primary-color-light) !important;
}
.marker-cluster div {
    background-color: var(--mantine-primary-color-filled) !important;
    color: var(--mantine-color-white) !important;
}

/* --- Mantine Controls --- */
#chip-group {
    overflow-x: auto;
    max-width: 100%;
    scrollbar-width: none;
}

#color-scheme-switch {
    box-shadow: var(--custom-shadow) !important;
}

.mantine-Chip-checkIcon,
.mantine-Chip-iconWrapper {
    display: none !important;
    margin: 0 !important;
    width: 0 !important;
}

.mantine-Chip-label {
    padding-inline: var(--chip-checked-padding) !important;
    box-shadow: var(--custom-shadow) !important;
}

.mantine-Chip-label:not([data-checked]) {
    background-color: var(--mantine-color-body) !important;
}

/* --- Cards --- */

.markdown p {
    margin: 0 !important;
}