/* Блок gs-select */
.gs-select {
    position: relative;
    display: inline-block;
    width: auto; /* Динамическая ширина, подстраивается JS */
    font-family: inherit;
    font-size: 12px; /* Увеличено до 12px */
    line-height: 1.4;
    user-select: none;
    margin: 0; /* Убираем возможные внешние отступы */
    padding: 0;
    flex: 1;
    min-width: 0;
}

/* Элемент-триггер: выглядит как ссылка с шевроном */
.gs-select__trigger {
    display: flex;
    align-items: center;
    padding: 0; /* Изменено на 0 по умолчанию */
    color: #606060; /* Изменён цвет */
    text-decoration: none;
    border: none;
    background: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%; /* Обрезает длинный текст */
    box-sizing: border-box;
    margin: 0; /* Убираем отступы */
    cursor: pointer; /* Pointer на триггере */
    transition: color .15s ease-in-out; /* Добавлен transition */
    font-size: 12px; /* Явно для триггера */
}

.gs-select__text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gs-select__trigger:hover {
    color: #1a1a1a; /* Hover цвет */
    text-decoration: underline;
}

.gs-select__chevron {
    margin-left: 4px; /* Отступ от текста */
    flex-shrink: 0; /* Шефрон не сжимается */
    transition: transform 0.2s ease;
    width: 12px; /* Уменьшили размер */
    height: 12px;
    vertical-align: middle;
}

.gs-select_open .gs-select__chevron {
    transform: rotate(180deg); /* Переворот при открытии */
}

/* Дропдаун — absolute позиционирование для прилипания к триггеру */
.gs-select__dropdown {
    position: absolute;
    background: #fff;
    border: 1px solid #ddd; /* Добавлен border */
    box-shadow: 2px 2px 10px #cccccc; /* Изменён shadow */
    z-index: 1000;
    display: none; /* Мгновенное появление без анимации */
    min-width: 150px; /* Уменьшили мин. ширину для компактности */
    box-sizing: border-box; /* Учитываем border в ширине */
    border-radius: 20px; /* Полный radius 20px */
}

.gs-select__options-wrapper {
    overflow-y: auto;
}

.gs-select_open .gs-select__dropdown {
    display: block;
}

/* Поиск в дропдауне — теперь static (не absolute), всегда сверху, не скроллится */
.gs-select__search {
    width: 100%;
    height: 44px; /* Из .d-input */
    font-size: 16px; /* Из .d-input */
    background-color: #E7EDF1; /* Из .d-input */
    border: none;
    border-radius: 20px; /* Из .d-input */
    padding-left: 15px; /* Из .d-input */
    padding-right: 15px; /* Из .d-input */
    transition: background-color .15s ease-in-out; /* Из .d-input */
    outline: none;
    box-sizing: border-box;
    margin: 0; /* Нет отступов */
}

.gs-select__search:hover {
    background-color: #DEE4E8FF; /* Из .d-input:hover */
}

/* Список опций — JS добавит margin-top для прижатия под search */
.gs-select__options {
    list-style: none;
    margin: 0;
    padding: 0;
}

.gs-select__option {
    display: flex;
    align-items: flex-start; /* ФИКС: Выравнивание по верху для multi-line текста */
    padding: 8px 12px;
    cursor: pointer; /* Pointer на опциях */
    transition: background 0.1s ease;
    margin: 0; /* Нет отступов */
}

.gs-select__option_empty {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px 12px;
    cursor: default;
    color: #999; /* Серый цвет для "Ничего не найдено" */
}

.gs-select__option-text {
    flex: 1;
    word-break: break-word; /* ФИКС: Разрешаем перенос слов для multi-line */
}

/* ИЗМЕНЕНО: Убрали :hover — теперь только _focused для мыши/клавиатуры (нет дубликата) */
.gs-select__option_focused {
    background: #f5f5f5;
}

.gs-select__option_selected {
    background: #f8f9fa;
}

/* ФИКС: Focused имеет приоритет над selected */
.gs-select__option_focused.gs-select__option_selected {
    background: #f5f5f5;
}

.gs-select__option_hidden {
    display: none;
}

/* Галочка для выбранной опции */
.gs-select__checkmark {
    margin-right: 8px;
    flex-shrink: 0;
    width: 12px;
    height: 12px;
    align-self: center; /* ФИКС: Центрируем галочку относительно высоты li */
}

.gs-select__checkmark svg {
    display: block;
}

/* Выделение найденного текста жирным */
.gs-select__option strong {
    font-weight: bold;
    vertical-align: baseline; /* ФИКС: Базовое выравнивание для inline-flow */
}

/* Убрали @media для мобильного — унифицировали */
@media (max-width: 768px) {
    .gs-select__dropdown {
        /* Нет специальных стилей — всё в JS */
    }

    .gs-select__search {
        /* height: 44px везде */
    }
}

/* Скрываем оригинальный select */
.gs-select select {
    display: none;
}