/* style.css */

/* Глобальні налаштування */
body { font-size: 16px; }

/* Лоадер */
.loading-overlay {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(var(--bs-body-bg-rgb), 0.8);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

/* Карта */
#map { height: 400px; width: 100%; }

/* Група селектів дати */
.date-select-group { display: flex; gap: 5px; }

/* Радіо-кнопки як кнопки */
.btn-check:checked + .btn-outline-primary {
    background-color: #0d6efd;
    color: white;
}

/* Скрол для старого дропдауна (якщо раптом знадобиться, але ми перейшли на Slim) */
.dropdown-menu-years {
    max-height: 300px;
    overflow-y: auto;
    width: 100%;
    padding: 10px;
}

/* --- ТЕМНА ТЕМА (Leaflet) --- */
[data-bs-theme="dark"] .leaflet-layer {
    filter: invert(100%) hue-rotate(180deg) brightness(95%) contrast(90%);
}
[data-bs-theme="dark"] .leaflet-container {
    background: #333;
}

/* --- ТЕМНА ТЕМА (Slim Select) --- */
[data-bs-theme="dark"] .ss-main {
    background-color: #2b3035;
    color: #e0e0e0;
    border-color: #495057;
}
[data-bs-theme="dark"] .ss-main .ss-values .ss-single {
    color: #e0e0e0;
}
[data-bs-theme="dark"] .ss-main .ss-values .ss-value {
    background-color: #0d6efd;
    color: white;
}
[data-bs-theme="dark"] .ss-main .ss-values .ss-value .ss-value-delete {
    border-left: 1px solid rgba(255,255,255,0.5);
    color: white;
}
[data-bs-theme="dark"] .ss-content {
    background-color: #2b3035;
    border-color: #495057;
    color: #e0e0e0;
}
[data-bs-theme="dark"] .ss-content .ss-search input {
    background-color: #212529;
    color: #e0e0e0;
    border-color: #495057;
}
[data-bs-theme="dark"] .ss-content .ss-list .ss-option {
    color: #e0e0e0;
}
[data-bs-theme="dark"] .ss-content .ss-list .ss-option:hover,
[data-bs-theme="dark"] .ss-content .ss-list .ss-option.ss-highlighted {
    background-color: #0d6efd;
    color: white;
}

/* Світла тема для тегів */
[data-bs-theme="light"] .ss-main .ss-values .ss-value {
    background-color: #0d6efd;
    color: white;
}