/*
 * Кастомизация LTB Self Service Password под стиль портала АПЭК.
 * LTB с версии 1.6 использует Bootstrap 5.3 - вместо борьбы с конкретными
 * классами переопределяем CSS-переменные Bootstrap, это красит всё разом:
 * кнопки, ссылки, рамки полей при фокусе и т.д.
 */

:root {
    --bs-primary: #0056b3;
    --bs-primary-rgb: 0, 86, 179;
    --bs-link-color: #0056b3;
    --bs-link-hover-color: #003d80;
    --bs-body-font-family: 'Manrope', -apple-system, BlinkMacSystemFont, sans-serif;
}

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

body {
    font-family: 'Manrope', -apple-system, BlinkMacSystemFont, sans-serif !important;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
}

/* кнопки с primary-цветом (Отправить и т.д.) */
.btn-primary,
.btn-success {
    background-color: #0056b3 !important;
    border-color: #0056b3 !important;
}
.btn-primary:hover,
.btn-success:hover {
    background-color: #003d80 !important;
    border-color: #003d80 !important;
}

/* поля ввода в фокусе - акцентный цвет вместо стандартного bootstrap-синего */
.form-control:focus {
    border-color: #0056b3 !important;
    box-shadow: 0 0 0 0.25rem rgba(0, 86, 179, 0.25) !important;
}

/* карточки/контейнеры - скругления и тени в тон остальному порталу */
.card, .container, .box {
    border-radius: 14px !important;
}

/* верхнее меню (где сейчас "Self service password | Email") */
.navbar, .navbar-brand {
    font-weight: 700;
}

/* дефолтное лого ltb (дерево) подменяем на лого колледжа через абсолютный url -
   так не нужно возиться с путями внутри образа контейнера.
   Плюс синяя подложка - у лого прозрачные/светлые части, на белом фоне
   страницы иначе сливается в невидимку */
img[src*="ltb-logo"],
img[src*="logo.png"] {
    content: url('http://services.asiec.ru/logo-asiec.png');
    max-width: 90px;
    height: auto;
    background-color: #0056b3;
    padding: 10px;
    border-radius: 12px;
    box-sizing: border-box;
}

/* большой лого над формой дублирует тот, что уже в шапке-меню - прячем именно
   его по уникальным bootstrap-классам (mx-auto d-block my-4), маленький
   в навбаре их не имеет и останется на месте */
img.logo.mx-auto.d-block {
    display: none !important;
}

/* переключатель вкладок методов сброса - теперь бессмысленен, метод остался
   один (по почте), после отключения $use_change второй вкладки нет */
#navbarSupportedContent {
    display: none !important;
}
/* сама кнопка-гамбургер тоже бессмысленна - открывать больше нечего */
.navbar-toggler {
    display: none !important;
}

/* на мобильном заголовок обрезается рядом с лого - разрешаем перенос
   и чуть уменьшаем шрифт вместо жёсткого обрезания в одну строку */
@media (max-width: 480px) {
    .navbar-brand {
        white-space: normal !important;
        font-size: 15px !important;
        line-height: 1.3 !important;
    }
}

/* ссылки */
a { color: #0056b3; }
a:hover { color: #003d80; }