/******************
    User custom CSS
    ---------------
    In this file you can add your own custom CSS.
    It will be loaded last, so you can override any other property.
    Also, it will never be updated.
******************/

/* ========== ПОДКЛЮЧЕНИЕ ШРИФТА ========== */
@font-face {
    font-family: 'Montserrat';
    src: url('./Montserrat-Regular.woff2') format('woff2'),
         url('./Montserrat-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./Montserrat-Bold.woff2') format('woff2'),
         url('./Montserrat-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Применяем шрифт ко всем элементам */
* {
    font-family: 'Montserrat', sans-serif !important;
}

/* ========== БАЗОВЫЙ ЦВЕТ ТЕКСТА — ЧЁРНЫЙ ========== */
body {
    color: #000000 !important;
}

/* Крупные заголовки */
.large-heading,
h1, h2, h3, h4, h5, h6 {
    color: #000000 !important;
    font-weight: 700;
}

/* ========== МЕНЮ — ФИРМЕННЫЙ ЦВЕТ ========== */
/* Пункты основного меню (navbar) */
.navbar-default .navbar-nav > li > a {
    color: #4bbecf !important;
    font-weight: 600;
}

/* Активный пункт меню */
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    background-color: #4bbecf !important;
    color: #ffffff !important;
}

/* При наведении на пункты меню */
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #3aaebf !important;
    background-color: transparent !important;
}

/* ========== КНОПКИ ========== */
/* Основная кнопка (Primary) */
.btn-primary {
    background-color: #4bbecf !important;
    border-color: #4bbecf !important;
    color: #000000 !important;
}

/* Состояния кнопки (наведение, фокус, disabled) — сохраняем чёрный текст */
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover {
    background-color: #3aaebf !important;
    border-color: #3aaebf !important;
    color: #000000 !important;
}

/* Перекрываем правило theme.css: .btn:focus, .btn:hover { color: #fff; } */
body .btn:hover,
body .btn:focus {
    color: #000000 !important;
}

/* Для тёмной темы fruity — те же правила */
.fruity .btn-primary,
.fruity .btn-primary.disabled,
.fruity .btn-primary.disabled.active,
.fruity .btn-primary.disabled:active,
.fruity .btn-primary.disabled:focus,
.fruity .btn-primary.disabled:hover,
.fruity .btn:focus,
.fruity .btn:hover {
    background-color: #4bbecf !important;
    border: 1px solid #4bbecf !important;
    color: #000000 !important;
}
.fruity .btn:focus,
.fruity .btn:hover {
    background-color: #3aaebf !important;
    border-color: #3aaebf !important;
    color: #000000 !important;
}

/* ========== ПРОГРЕСС-БАР ========== */
.progress-bar {
    background-color: #4bbecf !important;
    color: #000000 !important;
}

/* ========== RADIO-КНОПКИ ========== */
input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 16px;
    height: 16px;
    border: 2px solid #4bbecf;
    border-radius: 50%;
    background-color: white;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin-right: 6px;
}
input[type="radio"]:checked {
    background-color: #4bbecf !important;
    border-color: #3aaebf !important;
}

/* ========== ССЫЛКИ В ОСНОВНОМ ТЕКСТЕ ========== */
/* Оставляем их чёрными (как было), но можно подсветить при наведении */
a,
a:link,
a:visited {
    color: #000000 !important;
    font-weight: bold;
}
a:hover {
    color: #3aaebf !important;
}

/* Переопределяем для меню, чтобы там остался фирменный */
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:link,
.navbar-default .navbar-nav > li > a:visited {
    color: #4bbecf !important;
    font-weight: 600;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:link,
.navbar-default .navbar-nav > .active > a:visited {
    color: #ffffff !important;
}

/* ========== ИНФОРМАЦИОННЫЕ КЛАССЫ ========== */
/* Оставляем чёрный жирный текст */
.fruity .text-info,
.fruity .text-primary,
.fruity .text-success,
.text-info,
.text-primary,
.text-success,
.ls-questionhelp {
    color: #000000 !important;
    font-weight: bold;
}

/* ========== АККОРДЕОНЫ / АКТИВНЫЕ ЭЛЕМЕНТЫ СПИСКА ========== */
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    background-color: #4bbecf !important;
    border-color: #4bbecf !important;
    color: #ffffff !important;
}