/**
 * Map page — maps admin theme variables onto filter sidebar and map UI.
 */

.moppsy-map-panel-filters input[type="range"] {
    accent-color: var(--brand);
}

.moppsy-map-panel-filters .map-filter-value {
    color: var(--brand);
}

.dark .moppsy-map-panel-filters .map-filter-value {
    color: color-mix(in srgb, var(--brand) 72%, white);
}

.moppsy-map-panel-filters .map-filter-available-icon {
    background: color-mix(in srgb, var(--brand) 14%, white);
}

.dark .moppsy-map-panel-filters .map-filter-available-icon {
    background: color-mix(in srgb, var(--brand) 28%, transparent);
}

.moppsy-map-panel-filters .map-filter-reset:hover {
    border-color: color-mix(in srgb, var(--brand-mid) 55%, #e2e8f0) !important;
    color: var(--brand) !important;
}

.dark .moppsy-map-panel-filters .map-filter-reset:hover {
    border-color: color-mix(in srgb, var(--brand-mid) 42%, #334155) !important;
    color: color-mix(in srgb, var(--brand) 72%, white) !important;
}

.moppsy-map-panel-filters .map-filter-toggle:focus-visible {
    --tw-ring-color: color-mix(in srgb, var(--brand) 45%, transparent) !important;
}