/* ------------------------------------------------ */
/* ОКОНЧАТЕЛЬНАЯ СТИЛИЗАЦИЯ ФОРМЫ ВХОДА (LOGIN) И ФИКСЫ ШАПКИ/МЕНЮ */
/* ------------------------------------------------ */

/* 1. ФИКС: ВОЗВРАЩЕНИЕ МЕНЮ И ШАПКИ НА МЕСТО */
/* Эти правила отменяют Flexbox-центрирование, чтобы шапка не смещалась в центр. */
.body-wrapper, 
.body-innerwrapper, 
#sp-main, 
#sp-main-body {
    display: block !important; /* Отменяем flex */
    align-items: flex-start !important; /* Начинаем сверху */
    justify-content: flex-start !important;
}

/* 2. ФИКС: СКРЫТИЕ ШАПКИ/ПОДВАЛА ТОЛЬКО НА СТРАНИЦЕ ВХОДА */
/* Если класс body.view-login присутствует, скрываем лишние элементы. */
body.view-login #sp-top-bar, 
body.view-login #sp-header, 
body.view-login #sp-footer, 
body.view-login #sp-title, 
body.view-login .sp-scroll-up,
body.view-login .body-wrapper > .body-innerwrapper > #sp-main > section:not(#sp-main-body) {
    display: none !important;
}


/* 3. ФОН И ЦЕНТРИРОВАНИЕ ФОРМЫ */
/* Применяем Flexbox для центрирования только при наличии body.view-login */
body.view-login {
    background-color: #003366; /* Темно-синий фон */
    min-height: 100vh;
    overflow: hidden; 
}
body.view-login .body-wrapper, 
body.view-login .body-innerwrapper, 
body.view-login #sp-main, 
body.view-login #sp-main-body {
    display: flex !important;
    justify-content: center !important; 
    align-items: center !important; 
    min-height: 100vh !important;
}

/* 4. КРИТИЧЕСКИЙ ФИКС ШИРИНЫ: КОНТЕЙНЕР ФОРМЫ (.login .col-lg-4) */
.login .col-lg-4 {
    /* Принудительная фиксация ширины и центрирование */
    max-width: 380px !important; 
    width: 380px !important; 
    flex: 0 0 auto !important; /* Отменяем растягивание Bootstrap */
    margin: 0 auto !important; 
    float: none !important;
    
    /* Стилизация блока */
    padding: 40px 30px !important;
    background: rgba(0, 0, 0, 0.4) !important;
    border-radius: 12px !important;
    box-shadow: 0 0 50px rgba(0, 150, 255, 0.7) !important; 
    color: #ffffff !important; 
    border: 1px solid rgba(0, 150, 255, 0.5) !important; 
}

/* 5. ГАРАНТИЯ, ЧТО ВНУТРЕННИЕ ПОЛЯ ЗАНИМАЮТ 100% ШИРИНЫ БЛОКА */
.login input.form-control, 
.login .password-group .input-group,
.login .list-group,
.login .mb-3,
.login .col-lg-4 > form {
    width: 100% !important; 
    max-width: 100% !important;
    padding-left: 0 !important; 
    padding-right: 0 !important;
}
/* ------------------------------------------------ */
/* ФИКС: СКРЫТИЕ ССЫЛОК "ЗАБЫЛИ ПАРОЛЬ/ЛОГИН" */
/* ------------------------------------------------ */

.login .list-group {
    display: none !important;
}

/* Если вам нужно скрыть только ссылки, но оставить обертку: */
/*
.login .list-group-item {
    display: none !important;
}
*/
/* ------------------------------------------------ */
/* ФИКС: СКРЫТИЕ ЗНАЧКА КЛЮЧА ИЗ ПОЛЯ ПАРОЛЯ */
/* ------------------------------------------------ */

.login .password-group .input-group-text {
    display: none !important;
}

/* 2. Важно: Растянуть само поле пароля, чтобы оно занимало всю ширину */
.login .password-group input#password {
    width: 100% !important; /* Поле должно растянуться */
    border-radius: 8px !important; /* Восстанавливаем скругление на обеих сторонах */
    border-left: 1px solid rgba(0, 180, 255, 0.7) !important; /* Восстанавливаем левую рамку */
}
/* ------------------------------------------------ */
/* ФИКС: СКРЫТИЕ ЧЕКБОКСА "ЗАПОМНИТЬ МЕНЯ" */
/* ------------------------------------------------ */

.login .form-check {
    display: none !important;
}
/* ------------------------------------------------ */
/* КРИТИЧЕСКИЙ ФИКС: СКРЫТИЕ ТОЛЬКО ТЕКСТА "SIGN IN" ДЛЯ ГОСТЕЙ */
/* ------------------------------------------------ */

/* 1. Обеспечиваем, что сам контейнер модуля всегда виден */
.header-modules > div:last-child {
    display: block !important;
    visibility: visible !important;
}

/* 2. Скрываем текст "Sign In" (именно текст) только для гостей */
/* Мы используем комбинацию, чтобы нацелиться на элемент, содержащий "Sign In" */
body:not(.logged-in) .sp-sign-in span,
body.guest .sp-sign-in span {
    display: none !important;
    visibility: hidden !important;
}

/* 3. Принудительно уменьшаем кнопку до минимального размера для гостя */
body:not(.logged-in) .sp-sign-in {
    padding: 0 10px !important; /* Уменьшаем внутренние отступы */
    min-width: 0 !important; /* Не даем растянуться */
    width: auto !important;
    /* Если в вашем шаблоне рядом с Sign In есть иконка (user icon), она останется видимой */
}

/* 4. Принудительно показываем текст, когда пользователь вошел */
body.logged-in .sp-sign-in span {
    display: inline !important;
    visibility: visible !important;
}