/*
 * Форма обратной связи.
 * Стили перенесены из настроек модуля Simple Callback в J3 (там они вставлялись в страницу инлайном),
 * добавлено только скрытие поля-ловушки, место под капчу и строка результата.
 */

.feedback_form {
    display: flex;
    flex-direction: column;
}

.feedback_form input[type="text"] , .feedback_form input[type="tel"], .feedback_form input[type="email"], .feedback_form textarea[type="text"] {
    padding-left: 10px;
    width: 400px;
    max-width: 400px;
    font-size: 14px;
    background: white;
    padding: 5px;
    outline: none;
    color: black;
    border: 1px solid black;
    border-radius: 4px;
}

.feedback_form label div {
    margin: 5px 0px;
    font-size:16px;
}

.zakonrf {
    display: flex;
    flex-direction: column;
}
.zakonrf label {
    display: flex;
    align-items: center;
}
.zakonrf label input {
    margin-right: 10px;
    height: 20px;
    width: 20px;
    padding: 15px;
}

.zakonrf a {
    max-width: 300px;
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
}

.feedback_form button.btn.btn-success.my-1.button21 {
    margin: 10px 0;
    font-size: 14px;
    background: #0b6c99;
    color: white;
    border-radius: 5px;
    box-shadow: none;
    padding: 5px;
    margin-left: 150px;
}

/* Поле-ловушка для ботов */
.simplecallback-username {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0;
}

/* Капча и строка результата */
.feedback-captcha-wrap {
    margin: 10px 0;
    max-width: 400px;
}

.feedback-result {
    margin: 5px 0 10px;
    font-size: 14px;
}

.feedback-result.is-error {
    color: #b00020;
}

.feedback-result.is-success {
    color: #0b6c99;
}

/* На узких экранах поля не шире экрана, кнопка без отступа слева */
@media screen and (max-width: 500px) {
    .feedback_form input[type="text"], .feedback_form input[type="tel"], .feedback_form input[type="email"], .feedback_form textarea[type="text"] {
        width: 100%;
        box-sizing: border-box;
    }

    .feedback_form button.btn.btn-success.my-1.button21 {
        margin-left: 0;
    }
}
