/* ===========================================
   ФОРМЫ ЗАЯВОК — общие элементы
   Дизайн полей и кнопок остаётся в css/modal.css и css/popup.css,
   здесь только то, что нужно контракту заявок:
   honeypot, чекбокс согласия и строка статуса.
   =========================================== */

/* Ловушка для ботов. Скрывать обязательно — если поле заполнено,
   send.php отвечает «ок», но заявка в CRM не уходит. */
.lead-form__hp {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Согласие на обработку персональных данных.
   Крупная зона нажатия — аудитория сайта пожилая. */
.lead-form__consent {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 8px;
    font-size: inherit;
    line-height: 1.4;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.lead-form__consent input {
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    margin: 1px 0 0;
    cursor: pointer;
    accent-color: var(--color-header-button);
}

.lead-form__consent a {
    color: inherit;
    text-decoration: underline;
}

/* Строка статуса: ошибки валидации и сети. Успех показывают
   собственные блоки .modal__success / .popup-widget__success. */
.lead-form__status {
    margin: 8px 0 0;
    min-height: 18px;
    font-size: 15px;
    line-height: 1.4;
    text-align: left;
}

.lead-form__status[data-state="error"] {
    color: #E63946;
}

.lead-form__status[data-state="ok"] {
    color: #1faa55;
}

/* Popup-виджет стоит на тёмном фоне — там нужны более светлые оттенки. */
.popup-widget .lead-form__status[data-state="error"] {
    color: #ff9a9f;
}

.popup-widget .lead-form__status[data-state="ok"] {
    color: #8ce6ad;
}