/* AdressForm-блок: контейнерная обёртка.
   z-index поднимает секцию формы над следующим блоком (services-addons) внутри
   общей серой панели, иначе выпадашка адреса уходит под текст нижнего блока. */
.adress-form-section {
    position: relative;
    z-index: 3;
}

.adress-form-section .mts-container {
    position: relative;
    z-index: 1;
    container-type: inline-size;
}

/* Автокомплит адреса (search-suggest родителя): выпадающий список улиц/домов.
   Родитель отдаёт только поведение и hidden-стейт; визуал списка — здесь. */
.AdressForm .Input,
.AdressCheckForm .Input,
.AddressModal .Input {
    position: relative;
}

/* Сегмент «На дачу» (data-active-segment="cottage"): вместо «Улица» — текстовое
   поле «Адрес» (отдельная группа), «Дом» скрыт. Раскладка: регион + адрес сверху,
   телефон + кнопка снизу (по макету 50:25394). */
/* Неактивная для сегмента группа полей скрывается по атрибуту hidden. Правило нужно,
   т.к. у .Input задан display и перекрывает браузерный [hidden]. */
[data-segment-group][hidden] {
    display: none;
}

[data-active-segment="cottage"] [data-house-field] {
    display: none;
}

@container (min-width: 680px) {
    [data-active-segment="cottage"] .AddressModalForm__row--contacts {
        grid-template-columns: minmax(0, 1fr) auto;
    }
}

@container (min-width: 720px) {

    /* В строке контактов дачи только телефон + кнопка: телефон тянется на всю
       ширину, кнопка — по содержимому. */
    [data-active-segment="cottage"] .AdressForm__row--contacts,
    [data-active-segment="cottage"] .AdressCheckForm__row--contacts {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    [data-active-segment="cottage"] .AddressModalForm__row--contacts {
        grid-template-columns: minmax(0, 1fr) auto;
    }
}

.address-results {
    position: absolute;
    z-index: 40;
    top: 56px;
    left: 0;
    right: 0;
    max-height: min(280px, calc(100vh - 88px));
    overflow-y: auto;
    overscroll-behavior: contain;
    background: #fff;
    border: 1px solid var(--bg-stroke, #e2e2e9);
    border-radius: var(--radius-lg, 12px);
    box-shadow: 0 12px 32px rgba(29, 32, 35, 0.12);
    padding: var(--space-4, 4px);
}

.address-item {
    padding: 10px 12px;
    border-radius: var(--radius-md, 8px);
    cursor: pointer;
}

.address-item:hover,
.address-item.focused {
    background: var(--surface-muted, #f2f3f7);
}

.address-item .street-name {
    font-size: 15px;
    line-height: 1.3;
    color: var(--text-primary, #1d2023);
}

.address-item .street-name b {
    font-weight: 700;
}

.address-item .district-name {
    font-size: 13px;
    line-height: 1.2;
    color: var(--text-secondary, #969fa8);
    margin-top: 2px;
}

.address-results .loading,
.address-results .no-results,
.address-results .address-hint {
    padding: 10px 12px;
    font-size: 13px;
    color: var(--text-secondary, #969fa8);
}

/* Кнопка очистки поля адреса (вставляется search-suggest) — иконка «×» в поле справа */
.lead-form__clear {
    position: absolute;
    top: 26px;
    right: 14px;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    padding: 0;
    border: none;
    background: transparent;
    color: var(--text-secondary, #969fa8);
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    z-index: 2;
}

.lead-form__clear:hover {
    color: var(--text-primary, #1d2023);
}

.lead-form__clear[hidden] {
    display: none !important;
}

/* Сводка адреса «Ваш адрес: …» (search-suggest). Лежит внутри формы; по умолчанию
   убрана. Чтобы вернуть — удалить это правило (элемент покажется при выборе адреса). */
.lead-form__address-summary {
    display: none !important;
}

/* Тексты ошибок под полями и сводное сообщение формы — красные (по макету) */
.AdressForm .lead-form__field-error,
.AdressCheckForm .lead-form__field-error,
.lead-form__field-error {
    color: var(--text-error, #e30611);
}

.lead-form__message {
    margin-top: var(--space-8, 8px);
    font-size: 13px;
}

.lead-form__message[data-message-type="invalid"],
.lead-form__message[data-message-type="error"] {
    color: var(--text-error, #e30611);
}

.lead-form__message[data-message-type="sent"] {
    color: var(--accent-positive, #26cd58);
}