/* --- СБРОС И ОБЩИЕ НАСТРОЙКИ КОНТЕЙНЕРА --- */

/* Стили Elementor для выравнивания */
div.elementor-element.elementor-element-429778d.e-checkout-layout-two-column.elementor-widget.elementor-widget-woocommerce-checkout-page div.elementor-widget-container div.woocommerce {
    text-align: center;
}

.woocommerce-checkout {
    text-align: left;
}

/* --- ОСНОВНАЯ КАРТОЧКА (БЕЛЫЙ БЛОК) --- */
/* Добавили .j_sms_form для страницы завершения регистрации */
.sitogon_sms_registration_module,
.j_sms_form {
    background: #ffffff;
    max-width: 480px;       /* Ширина как на скрине */
    margin: 30px auto;      /* Центрирование */
    padding: 40px;          /* Отступы внутри карточки */
    border-radius: 4px;     /* Аккуратные углы */
    box-shadow: 0 5px 30px rgba(0,0,0,0.08); /* Легкая тень */
    font-family: 'Inter', sans-serif;
    box-sizing: border-box;
}

/* Убираем лишние отступы у родителя на странице завершения */
#j_sms_registration_component {
    padding: 0;
    margin: 0;
    border: none;
    background: transparent;
}

/* Сброс рамок fieldset для второй формы */
.j_sms_form fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

/* Ограничиваем ширину для блока авторизации */
.standat_sms_login_module, 
.enter_standart_login_form {
    max-width: 100%;
    margin: 0 auto;
}

/* --- ТЕКСТЫ И ЗАГОЛОВКИ --- */
.top_text, 
.top_login_text {
    font-family: 'Inter', sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 25px;
    text-align: center; 
}

/* Лейблы (Имя пользователя, Email...) */
label, 
.slabel,
.control-label label {
    display: block;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    color: #333333;
    margin-bottom: 8px;
    text-align: left; /* Текст слева */
    font-weight: 400;
    width: 100%;
}

/* --- ПОЛЯ ВВОДА (INPUTS) --- */
/* Добавили селекторы для второй формы (.j_sms_form input...) */
.controls input[type="text"], 
.controls input[type="password"], 
.controls input[type="email"],
.standart_input,
.j_sms_registration_phone,
.enter_standart_login_form p input[type="text"], 
.enter_standart_login_form p input[type="password"],
.j_sms_form input[type="text"],
.j_sms_form input[type="email"] {
    width: 100%;
    height: 55px;           /* Высота поля */
    padding: 0 15px !important;
    margin: 0 0 20px 0;     /* Отступ снизу */
    box-sizing: border-box;
    
    font-family: 'Inter', sans-serif;
    font-size: 20px;        /* ТЗ: 20px */
    color: #000000;         /* Черный текст */
    
    background-color: #ffffff;
    border: 1px solid #CCCCCC; /* Серая рамка */
    border-radius: 4px !important; /* Маленькое скругление */
    outline: none;
    text-align: left !important; /* Текст внутри слева */
    transition: border-color 0.3s;
}

/* Фокус на поле */
.controls input:focus, 
.standart_input:focus,
.j_sms_registration_phone:focus,
.j_sms_form input:focus {
    border-color: #000000; /* Черная рамка при вводе */
}

/* Специфично для телефона (перебиваем старые стили) */
.j_sms_registration_phone {
    background-color: #ffffff !important;
    color: #000000 !important;
    text-align: left !important;
}

/* --- КНОПКИ (BUTTONS) --- */
/* Добавили #sitogon_submit для кнопки "Подтвердить" */
.btn, 
.btn-success, 
.j_sms_registration_submit_button, 
#sjsms-wp-submit,
.login-submit input[type="submit"],
#sitogon_submit {
    width: 100%;
    min-width: 100%;
    height: 60px;
    padding: 0;
    margin-top: 10px;
    
    background: #000000 !important; /* Черный фон */
    color: #ffffff !important;      /* Белый текст */
    border: 1px solid #000000;
    border-radius: 4px !important;
    
    font-family: 'Inter', sans-serif;
    font-size: 20px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    text-transform: none; /* Убираем капс если есть */
}

/* Ховер эффект */
.btn:hover, 
.btn-success:hover, 
#sjsms-wp-submit:hover,
#sitogon_submit:hover {
    background: #333333 !important;
    color: #ffffff !important;
    border-color: #333333;
}

/* Центрирование контейнера кнопки на второй форме */
.bot_j_sms_buttons {
    text-align: center;
    width: 100%;
}

/* --- ССЫЛКИ ПЕРЕКЛЮЧЕНИЯ (Войти / Регистрация) --- */
.jsms_return_buttons,
.j_sms_registration_phone_buttons_block {
    display: flex;
    justify-content: space-between; /* Разносим по краям */
    align-items: center;
    margin-top: 15px;
    width: 100%;
}

.bot_lnk, .backlnk {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    background: transparent;
}

.bot_lnk:hover, .backlnk:hover {
    text-decoration: underline;
    opacity: 0.7;
}

/* Выравнивание ссылок */
.goto_standart, .goto_sms {
    width: 100%;
    text-align: center; /* Или left/right по вкусу */
    margin-top: 15px;
}

/* --- ВСПОМОГАТЕЛЬНЫЕ И СКРЫТЫЕ БЛОКИ --- */

.control-group {
    margin: 0 0 10px 0;
    width: 100%;
}
.sitogonMessageText {
    text-align: center;
    color: #000;
    font-family: 'Inter';
}

/* Скрываем ненужные переносы и параграфы */
.enter_symbols_block_wrapper br,
.mainSmsForm p, 
.enter_standart_login_form p, 
.enter_standart_login_form br,
.bot_lnk br {
    display: none;
}

/* Ошибки */
.err_j_phone, .vzvk, .vzvk2 {
    color: #FF0000; /* Красный для ошибок */
    font-family: 'Inter';
    font-size: 14px;
    margin-bottom: 15px;
    text-align: left;
}

/* Лоадер */
.obrabotka16599 {
    font-family: 'Inter';
    color: #000;
    margin-bottom: 10px;
}

/* Поля для ввода кода (4 цифры) */
.enter_symbols_block_wrapper .ener_one_symbol {
    max-width: 50px;
    float: left;
    margin: 0 5px 0 0;
    min-height: 50px;
    border: 1px solid #000;
    color: #000;
    text-align: center;
    font-size: 20px;
    border-radius: 4px;
    background: #fff;
}

.enter_symbols_block {
    display: flex;
    justify-content: center;
    margin: 20px 0;
}

/* Текст "Позвоните на этот номер" */
.showphonetxt1, .showphonetxt2, #showvoicephone21299, .smscountdown {
    color: #000000 !important; /* Делаем черным, так как фон теперь белый */
    font-family: 'Inter';
    font-size: 15px;
}

.top_stadrt_reg_url {
    margin: 10px;
    color: red;
}
.standart_registration_url_block {
    margin: 10px;
}

/* --- ВЫРАВНИВАНИЕ ВНУТРИ ФОРМЫ ЛОГИНА --- */
.login-username, .login-password {
    text-align: left;
    margin-bottom: 15px;
}

/* Чекбокс */
.checkbox__text {
    position: relative;
    padding: 0 0 0 60px;
    cursor: pointer;
    font-family: 'Inter';
    color: #000;
}
.checkbox__text:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    width: 50px;
    height: 26px;
    border-radius: 13px;
    background: #CDD1DA;
    box-shadow: inset 0 2px 3px rgba(0,0,0,.2);
    transition: .2s;
}
.checkbox__text:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 2px;
    width: 22px;
    height: 22px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0 2px 5px rgba(0,0,0,.3);
    transition: .2s;
}
.checkbox input:checked + .checkbox__text:before {
    background: #000000; /* Черный активный чекбокс */
}
.checkbox input:checked + .checkbox__text:after {
    left: 26px;
}

/* --- СОЦСЕТИ (Если используются) --- */
.social_avtorization .social_buttons_wrapper {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 20px;
}

/* --- MEDIA QUERIES (Адаптив) --- */
@media (max-width: 768px) {
    .sitogon_sms_registration_module,
    .j_sms_form {
        padding: 20px;
        box-shadow: none; /* На мобильном убираем тень */
        border: none;
        max-width: 100%;
    }
    
    .top_text {
        font-size: 18px;
    }
    
    .btn, .controls input, #sitogon_submit {
        height: 50px;
        font-size: 18px;
    }
}

@media (max-width: 300px)  {
    .full_popup_block_jsms {
        min-width: 260px;
        width: 260px;
    }
    .yandexlinkbody span {
        font-size: 13px;
        margin: 0 0 0 20px;
    }
    .custombox-content a.btn.btn-success.btn-yandex {
        min-width: 100%;
    }
    .yandexlinkbody {
        padding: 6px 0 9px;
    }
    .full_popup_block_jsms .yandexlinkbody {
        padding: 10px 0;
    }
}
@media (max-width: 290px)  {
    .full_popup_block_jsms {
        width: 220px;
        min-width: 220px;
    }
}
@media (max-width: 200px)  {
    .full_popup_block_jsms {
        width: 160px;
        min-width: 160px;
    }
    .yandexlinkbody span {
        font-size: 11px;
    }
}

/* --- ЗАГОЛОВОК СТРАНИЦЫ (Завершение регистрации) --- */

.page-header {
    text-align: center;      /* Выравнивание по центру */
    margin-top: 60px;        /* Отступ сверху от логотипа */
    margin-bottom: 20px;     /* Отступ снизу до формы */
    padding: 0 15px;         /* Отступы по бокам для мобильных */
}

/* Стилизация самого текста заголовка */
.entry-title {
    font-family: 'Inter', sans-serif; /* Шрифт как в форме */
    font-weight: 500;        /* Жирность */
    font-size: 32px;         /* Размер заголовка */
    color: #000000;          /* Черный цвет */
    line-height: 1.2;
}

/* Адаптив заголовка для мобильных */
@media (max-width: 768px) {
    .page-header {
        margin-top: 40px;
    }
    .entry-title {
        font-size: 24px;
    }
}