/* Map enhancements (Leaflet) – synced with Filament dark/light */

.r7-map-search {
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid color-mix(in oklab, black 12%, transparent);
    box-shadow:
        0 18px 40px -20px rgb(0 0 0 / 0.45),
        0 2px 10px -6px rgb(0 0 0 / 0.35);
    background: color-mix(in oklab, white 92%, transparent);
    backdrop-filter: blur(10px);
    min-width: 260px;
}

.dark .r7-map-search,
.fi-theme-dark .r7-map-search,
html[data-theme='dark'] .r7-map-search {
    border-color: color-mix(in oklab, white 14%, transparent);
    background: color-mix(in oklab, var(--gray-950, #0b1220) 82%, transparent);
    box-shadow:
        0 18px 45px -22px rgb(0 0 0 / 0.85),
        0 2px 12px -8px rgb(0 0 0 / 0.75);
}

.r7-map-search__inner {
    padding: 10px 10px;
}

.r7-map-search__input {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    font-size: 13.5px;
    line-height: 1.2;
    color: color-mix(in oklab, black 86%, transparent);
}

.dark .r7-map-search__input,
.fi-theme-dark .r7-map-search__input,
html[data-theme='dark'] .r7-map-search__input {
    color: color-mix(in oklab, white 88%, transparent);
}

.r7-map-search__input::placeholder {
    color: color-mix(in oklab, black 46%, transparent);
}

.dark .r7-map-search__input::placeholder,
.fi-theme-dark .r7-map-search__input::placeholder,
html[data-theme='dark'] .r7-map-search__input::placeholder {
    color: color-mix(in oklab, white 48%, transparent);
}

.r7-map-search__results {
    border-top: 1px solid color-mix(in oklab, black 10%, transparent);
    max-height: 240px;
    overflow: auto;
    background: transparent;
}

.dark .r7-map-search__results,
.fi-theme-dark .r7-map-search__results,
html[data-theme='dark'] .r7-map-search__results {
    border-top-color: color-mix(in oklab, white 12%, transparent);
}

.r7-map-search__item {
    appearance: none;
    width: 100%;
    text-align: right;
    border: 0;
    background: transparent;
    padding: 10px 12px;
    cursor: pointer;
    color: inherit;
    font: inherit;
}

.r7-map-search__item:hover,
.r7-map-search__item:focus-visible {
    background: color-mix(in oklab, #14b8a6 14%, transparent);
    outline: none;
}

.dark .r7-map-search__item:hover,
.dark .r7-map-search__item:focus-visible,
.fi-theme-dark .r7-map-search__item:hover,
.fi-theme-dark .r7-map-search__item:focus-visible,
html[data-theme='dark'] .r7-map-search__item:hover,
html[data-theme='dark'] .r7-map-search__item:focus-visible {
    background: color-mix(in oklab, #14b8a6 20%, transparent);
}

.r7-map-search__title {
    display: block;
    font-weight: 600;
    letter-spacing: 0.2px;
}

.r7-map-search__empty {
    padding: 10px 12px;
    color: color-mix(in oklab, black 55%, transparent);
}

.dark .r7-map-search__empty,
.fi-theme-dark .r7-map-search__empty,
html[data-theme='dark'] .r7-map-search__empty {
    color: color-mix(in oklab, white 55%, transparent);
}

/* Leaflet controls: match dark surfaces a bit better */
.dark .leaflet-bar a,
.fi-theme-dark .leaflet-bar a,
html[data-theme='dark'] .leaflet-bar a {
    background-color: color-mix(in oklab, var(--gray-950, #0b1220) 92%, transparent);
    color: color-mix(in oklab, white 78%, transparent);
    border-bottom-color: color-mix(in oklab, white 12%, transparent);
}

.dark .leaflet-bar a:hover,
.fi-theme-dark .leaflet-bar a:hover,
html[data-theme='dark'] .leaflet-bar a:hover {
    background-color: color-mix(in oklab, var(--gray-900, #111827) 92%, transparent);
}