/* Применяем стили только для страниц авторизации */
body.view-login {
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* Растягиваем всю страницу на высоту экрана */
    margin: 0;
}

/* Заставляем внутреннюю обертку Helix занять всю высоту */
body.view-login .body-wrapper,
body.view-login .body-innerwrapper {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 100vh;
}

/* Контейнер контента забирает всё свободное пространство, толкая футер вниз */
body.view-login #sp-main {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center; /* Центрируем форму строго по вертикали */
}

/* На всякий случай сбрасываем лишние отступы у секции */
body.view-login #sp-main-body {
    width: 100%;
    /* padding: 20px 0; */
    margin: auto 0;
}

/* Центрируем саму строку, в которой лежит форма, без её деформации */
body.view-login .com-users-login.login .row.justify-content-center {
    display: flex;
    justify-content: center; /* Центрируем по горизонтали */
    align-items: center;    /* Центрируем по вертикали внутри строки */
    width: 100%;
    margin: 0 auto;
    /* padding: 100px 0; */
}

/* Ограничиваем колонку формы, чтобы она не сплющивалась и не вытягивалась */
body.view-login .com-users-login.login .col-lg-4 {
    flex: 0 0 auto;  /* Запрещаем форме растягиваться вертикально */
    width: 100%;
    max-width: 420px; /* Фиксированная комфортная ширина для формы */
}

/* Прижимаем футер к самому низу */
body.view-login #sp-footer {
    margin-top: auto; /* Авто-отступ вытолкнет футер вниз */
    width: 100%;
}






/* Переделываем ссылку входа Helix Ultimate под кнопку "Консультация" */
div.sp-module a.sp-sign-in {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    /* Цветовая палитра со скриншота */
    background-color: #0d8376 !important; /* Глубокий бирюзово-зеленый */
    color: #ffffff !important;           /* Чистый белый текст */
    
    /* Шрифты и размеры */
    font-family: 'Montserrat', 'Inter', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;         /* Жирное начертание текста */
    text-decoration: none !important;    /* Убираем подчеркивание ссылки */
    
    /* Форма и геометрия кнопки */
    padding: 12px 26px !important;       /* Внутренние отступы как на фото */
    border-radius: 12px !important;      /* Скругление углов один в один */
    
    /* Тень и плавный переход */
    box-shadow: 0 4px 14px rgba(13, 131, 118, 0.25) !important;
    transition: all 0.3s ease !important;
}

/* Иконка внутри кнопки */
div.sp-module a.sp-sign-in span.far.fa-user {
    color: #ffffff !important;           /* Делаем иконку белой */
    font-size: 14px !important;
    margin-right: 8px !important;        /* Отступ между иконкой и текстом */
}

/* Текст "Sign In" */
div.sp-module a.sp-sign-in span.signin-text {
    color: #ffffff !important;
}

/* Эффект при наведении (Hover) */
div.sp-module a.sp-sign-in:hover {
    background-color: #0b6d62 !important; /* Чуть темнее */
    box-shadow: 0 6px 20px rgba(13, 131, 118, 0.35) !important; /* Глубже тень */
    transform: translateY(-1px);         /* Легкое приподнимание */
    color: #ffffff !important;
}

/* Эффект при нажатии (Active) */
div.sp-module a.sp-sign-in:active {
    transform: translateY(1px);
    box-shadow: 0 2px 8px rgba(13, 131, 118, 0.2) !important;
}


.sppb-section-title {margin-bottom: 20px !important;}