/* 1. Меняем фон самой выпадающей области (popup) на ваш темный */
.t-search-widget__popup {
    background-color: #0f0f0f !important;
}

/* 2. Убираем белый фон у внутреннего контейнера, если он там есть */
.t-search-widget__popup .t-container,
.t-search-widget__popup-container {
    background-color: transparent !important;
}

/* 3. Делаем весь текст внутри результатов белым, чтобы он был читаемым */
.t-search-widget__popup * {
    color: #ffffff !important;
}

/* 4. (Опционально) Делаем ссылки/заголовки лаймовыми при наведении, как в вашем дизайне */
.t-search-widget__popup a:hover,
.t-search-widget__popup div:hover {
    color: #d4fe08 !important;
}
/* 5. Стили для кастомного сообщения "Ничего не найдено" */
.custom-empty-state {
    text-align: center;
    padding: 30px 20px;
    font-size: 16px;
    line-height: 1.5;
}

.custom-empty-state p {
    margin: 0 0 10px 0;
}

/* Делаем телефон лаймовым и жирным. 
   !important нужен, чтобы перебить ваше правило со звездочкой (*) из пункта 3 */
.t-search-widget__popup .custom-empty-phone {
    color: #d4fe08 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    display: inline-block;
    margin-top: 5px;
}
/* 5. Стили для кастомного сообщения об отсутствии результатов */
.custom-empty-state {
    text-align: center;
    padding: 40px 20px; /* Немного увеличил отступы для красоты */
    line-height: 1.4;
}

/* Заголовок: 20px */
.custom-empty-title {
    font-size: 20px !important;
    margin: 0 0 10px 0 !important;
}

/* Описание: 20px */
.custom-empty-desc {
    font-size: 20px !important;
    margin: 0 0 15px 0 !important;
}

/* Номер телефона: 18px, BOLD, цвет #D4FE08 */
.t-search-widget__popup .custom-empty-phone {
    font-size: 18px !important;
    font-weight: 700 !important; /* Это BOLD */
    color: #D4FE08 !important;
    text-decoration: none !important;
    display: inline-block;
    margin-top: 10px;
}
/* 5. Стили для кастомного сообщения об отсутствии результатов */
.custom-empty-state {
    text-align: center;
    padding: 40px 20px;
    line-height: 1.4;
    /* Принудительно задаем фирменный шрифт */
    font-family: 'TildaSans', Arial, sans-serif !important;
}

.custom-empty-title {
    font-size: 20px !important;
    margin: 0 0 10px 0 !important;
}

.custom-empty-desc {
    font-size: 20px !important;
    margin: 0 0 15px 0 !important;
}

/* 6. Стили для выделенного текста в описании */
.t-search-widget__popup .custom-highlight {
    color: #D4FE08 !important;
    font-weight: 700 !important; /* Начертание Bold */
}

/* 7. Стили для номера телефона */
.t-search-widget__popup .custom-empty-phone {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #D4FE08 !important;
    text-decoration: none !important;
    display: inline-block;
    margin-top: 10px;
    /* На всякий случай дублируем шрифт и для ссылки */
    font-family: 'TildaSans', Arial, sans-serif !important;
}
/* 8. Стили для кнопки "Позвоните мне" */
.t-search-widget__popup .custom-empty-btn {
    display: inline-block;
    margin-top: 25px; /* Отступ от номера телефона сверху */
    padding: 15px 35px; /* Размер кнопки */
    font-family: 'TildaSans', Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important; /* Полужирный текст для кнопки */
    text-decoration: none !important;
    
    /* Основные цвета */
    color: #333333 !important;
    background-color: #d4fe08 !important;
    border: 1px solid #d4fe08 !important;
    border-radius: 6px !important;
    
    /* Плавный переход при наведении (анимация) */
    transition: all 0.3s ease-in-out !important;
    cursor: pointer;
}

/* 9. Стили для кнопки при наведении (hover) */
.t-search-widget__popup .custom-empty-btn:hover {
    color: #d4fe08 !important;
    background-color: #ffffff08 !important;
    border-color: #d4fe08 !important;
}