/* 
 * Файл для удаления классов select2 и отключения анимации
 */

/* Модификация стилей select2 вместо полного отключения */
.select2-selection,
.select2-selection--multiple,
.select2-container-checkboxes {
    /* Сохраняем отображение, но удаляем анимации и эффекты */
    transition: none !important;
    animation: none !important;
}

/* Отключаем анимацию при выборе */
.pulse,
.pulse-animation {
    animation: none !important;
}

/* Переопределяем анимации выбора */
@keyframes selectPulse {
    0% { transform: scale(1); }
    100% { transform: scale(1); }
}

@keyframes pulse {
    0% { transform: scale(1); }
    100% { transform: scale(1); }
}

/* Отключаем базовую анимацию Select2 */
.select2-results__option--highlighted {
    transition: none !important;
}

/* Отключаем все анимации для элементов сетки */
.inline-checkbox-item,
.select2-grid-item {
    transition: none !important;
}

/* Подавляем анимацию появления элементов */
.inline-checkbox-grid {
    animation: none !important;
}

/* Добавляем стили для улучшения видимости сетки чекбоксов */
.inline-checkbox-grid {
    visibility: visible !important;
    opacity: 1 !important;
}

.select2-dropdown-grid {
    visibility: visible !important;
    opacity: 1 !important;
}

/* Обеспечиваем правильное отображение контейнеров сетки */
.inline-checkbox-items,
.select2-grid-container {
    display: grid !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Обеспечиваем видимость выбранных элементов */
.inline-checkbox-item.selected, 
.select2-grid-item.selected {
    background-color: rgba(161, 203, 14, 0.15) !important;
    border: 1px solid rgba(161, 203, 14, 0.3) !important;
    box-shadow: 0 0 0 1px rgba(161, 203, 14, 0.1) !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Убедимся, что чекбоксы и их содержимое видны */
.inline-checkbox-item input[type="checkbox"],
.select2-grid-item input[type="checkbox"] {
    opacity: 1 !important;
    visibility: visible !important;
    position: static !important;
}

/* Показываем метки чекбоксов */
.inline-checkbox-item-label,
.select2-grid-item-label {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}