/* Корневые настройки светлой темы */
:root, [data-bs-theme=light] {
    /* Основной цвет bs в rgb */
    --bs-primary-rgb: 181, 162, 115;
    /* общий фон */
    --main-bg-color: #b5a273;
    /* Цвет ссылки */
    --bs-link-color: #885b1b;
    /* Подчеркивание ссылки */
    --bs-link-decoration: underline;
    /* Цвет ссылки в rgb */
    --bs-link-color-rgb: 116, 75, 15;
    /* Цвет ссылки при наведении */
    --bs-link-hover-color: #744b0f;
    /* Цвет опасности в rgb */
    --bs-danger-rgb: 220, 53, 69;
    /* Цвет предупреждения в rgb */
    --bs-warning-rgb: 255, 193, 7;
}

h1, .h1 {
    font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
    h1, .h1 {
        font-size: 2rem;
    }
}

.dropdown-menu {
    /* Цвет фона активной ссылки */
    --bs-dropdown-link-active-bg: #744b0f;
}

/* Тёмный вариант шапки */
.navbar-dark, .navbar[data-bs-theme=dark] {
    /* Цвет текста */
    --bs-navbar-color: rgba(255, 255, 255, 0.55);
    /* Цвет текста при наведении */
    --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
    /* Цвет текста неактивных элементов */
    --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
    /* Цвет текста активных элементов */
    --bs-navbar-active-color: #fff;
    /* Цвет логотипа */
    --bs-navbar-brand-color: #fff;  /* цвет логотипа */
    /* Цвет логотипа при наведении */
    --bs-navbar-brand-hover-color: #fff;  /* цвет логотипа при наведении мышки */
    /* Цвет рамки переключателя шапки */
    --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
}

/* Шапка сайта */
.navbar {
    /* Цвет фона */
    background-color: var(--main-bg-color) !important;
}

/* Фон сайта */
body {
    /* Цвет фона */
    background-color: var(--main-bg-color) !important;
}

/* Поля формы в фокусе */
.form-control:focus {
    /* Цвет текста */
    color: var(--bs-body-color);
    /* Цвет фона */
    background-color: var(--bs-body-bg);
    /* Цвет рамки */
    border-color: rgb(var(--bs-primary-rgb));
    /* Внешняя рамка */
    outline: 0;
    /* Тень поля */
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}

/* кнопки: поиск, прямые пейсы, рейсы с пересадками, выбранный тариф,
           далее, назад, заказать, места в самолете когда уже показан
           самолет, модальное окно при вопросе сохранить изменения в пассажире
           "сохранить", в профиле "сохранить" */
.btn-success {
    /* цвет текста кнопки */
    --bs-btn-color: #fff;
    /* цвет кнопки */
    --bs-btn-bg: #766340;
    /* цвет рамки кнопки */
    --bs-btn-border-color: #766340;
    /* цвет текста кнопки при наведении мыши */
    --bs-btn-hover-color: #fff;
    /* цвет кнопки при наведении мыши */
    --bs-btn-hover-bg: #695831;
    /* цвет рамки кнопки при наведении мыши */
    --bs-btn-hover-border-color: #695831;
    /* цвет тени вокруг кнопки */
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    /* цвет текста когда кнопка активна */
    --bs-btn-active-color: #fff;
    /* цвет кнопки когда она активна */
    --bs-btn-active-bg: #695831;
    /* цвет рамки кнопки когда она активна */
    --bs-btn-active-border-color: #695831;
    /* цвет тени кнопки когда она активна */
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    /* цвет текста кнопки когда она запрещена на нажатие */
    --bs-btn-disabled-color: #fff;
    /* цвет кнопки когда она запрещена на нажатие */
    --bs-btn-disabled-bg: #766340;
    /* цвет рамки кнопки когда она запрещена на нажатие */
    --bs-btn-disabled-border-color: #766340;
}

/* кнопки: оплатить, скачать билет */
.btn-primary {
    /* цвет текста кнопки */
    --bs-btn-color: #fff;
    /* цвет кнопки */
    /*--bs-btn-bg: #0d6efd;*/
    --bs-btn-bg: #695831;
    /* цвет рамки кнопки */
    /*--bs-btn-border-color: #0d6efd;*/
    --bs-btn-border-color: #695831;
    /* цвет текста кнопки при наведении мыши */
    --bs-btn-hover-color: #fff;
    /* цвет кнопки при наведении мыши */
    --bs-btn-hover-bg: #0b5ed7;
    /* цвет рамки кнопки при наведении мыши */
    --bs-btn-hover-border-color: #0a58ca;
    /* цвет тени вокруг кнопки */
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    /* цвет текста когда кнопка активна */
    --bs-btn-active-color: #fff;
    /* цвет кнопки когда она активна */
    --bs-btn-active-bg: #0a58ca;
    /* цвет рамки кнопки когда она активна */
    --bs-btn-active-border-color: #0a53be;
    /* цвет тени кнопки когда она активна */
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    /* цвет текста кнопки когда она запрещена на нажатие */
    --bs-btn-disabled-color: #fff;
    /* цвет кнопки когда она запрещена на нажатие */
    --bs-btn-disabled-bg: #0d6efd;
    /* цвет рамки кнопки когда она запрещена на нажатие */
    --bs-btn-disabled-border-color: #0d6efd;
}

/* кнопки: не выбранный тариф, места в самолете когда еще не показан самолет */
.btn-secondary {
    --bs-btn-color: #fff;
    /* цвет кнопки */
    --bs-btn-bg: #6c757d;
    /* цвет рамки кнопки */
    --bs-btn-border-color: #6c757d;
    /* цвет текста кнопки при наведении мыши */
    --bs-btn-hover-color: #fff;
    /* цвет кнопки при наведении мыши */
    --bs-btn-hover-bg: #5c636a;
    /* цвет рамки кнопки при наведении мыши */
    --bs-btn-hover-border-color: #565e64;
    /* цвет тени вокруг кнопки */
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    /* цвет текста когда кнопка активна */
    --bs-btn-active-color: #fff;
    /* цвет кнопки когда она активна */
    --bs-btn-active-bg: #565e64;
    /* цвет рамки кнопки когда она активна */
    --bs-btn-active-border-color: #51585e;
    /* цвет тени кнопки когда она активна */
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    /* цвет текста кнопки когда она запрещена на нажатие */
    --bs-btn-disabled-color: #fff;
    /* цвет кнопки когда она запрещена на нажатие */
    --bs-btn-disabled-bg: #6c757d;
    /* цвет рамки кнопки когда она запрещена на нажатие */
    --bs-btn-disabled-border-color: #6c757d;
}

/* кнопки: редактировать заказ */
.btn-warning {
    /* цвет текста кнопки */
    --bs-btn-color: #000;
    /* цвет кнопки */
    --bs-btn-bg: #ffc107;
    /* цвет рамки кнопки */
    --bs-btn-border-color: #ffc107;
    /* цвет текста кнопки при наведении мыши */
    --bs-btn-hover-color: #000;
    /* цвет кнопки при наведении мыши */
    --bs-btn-hover-bg: #ffca2c;
    /* цвет рамки кнопки при наведении мыши */
    --bs-btn-hover-border-color: #ffc720;
    /* цвет тени вокруг кнопки */
    --bs-btn-focus-shadow-rgb: 217, 164, 6;
    /* цвет текста когда кнопка активна */
    --bs-btn-active-color: #000;
    /* цвет кнопки когда она активна */
    --bs-btn-active-bg: #ffcd39;
    /* цвет рамки кнопки когда она активна */
    --bs-btn-active-border-color: #ffc720;
    /* цвет тени кнопки когда она активна */
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    /* цвет текста кнопки когда она запрещена на нажатие */
    --bs-btn-disabled-color: #000;
    /* цвет кнопки когда она запрещена на нажатие */
    --bs-btn-disabled-bg: #ffc107;
    /* цвет рамки кнопки когда она запрещена на нажатие */
    --bs-btn-disabled-border-color: #ffc107;
}

/* кнопки: удаление и отмена */
.btn-danger {
    /* цвет текста кнопки */
    --bs-btn-color: #fff;
    /* цвет кнопки */
    --bs-btn-bg: #dc3545;
    /* цвет рамки кнопки */
    --bs-btn-border-color: #dc3545;
    /* цвет текста кнопки при наведении мыши */
    --bs-btn-hover-color: #fff;
    /* цвет кнопки при наведении мыши */
    --bs-btn-hover-bg: #bb2d3b;
    /* цвет рамки кнопки при наведении мыши */
    --bs-btn-hover-border-color: #b02a37;
    /* цвет тени вокруг кнопки */
    --bs-btn-focus-shadow-rgb: 225, 83, 97;
    /* цвет кнопки когда она активна */
    --bs-btn-active-color: #fff;
    /* цвет кнопки когда она активна */
    --bs-btn-active-bg: #b02a37;
    /* цвет рамки кнопки когда она активна */
    --bs-btn-active-border-color: #a52834;
    /* цвет тени кнопки когда она активна */
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    /* цвет текста кнопки когда она запрещена на нажатие */
    --bs-btn-disabled-color: #fff;
    /* цвет кнопки когда она запрещена на нажатие */
    --bs-btn-disabled-bg: #dc3545;
    /* цвет рамки кнопки когда она запрещена на нажатие */
    --bs-btn-disabled-border-color: #dc3545;
}

/* хлебные крошки */
.breadcrumb {
    /* внутренний отступ x */
    --bs-breadcrumb-padding-x: 0;
    /* внутренний отступ y */
    --bs-breadcrumb-padding-y: 0;
    /* внешний нижний отступ */
    --bs-breadcrumb-margin-bottom: 1rem;
    /* фон */
    --bs-breadcrumb-bg: none;
    /* радиус рамки */
    --bs-breadcrumb-border-radius: inherit;
    /* цвет разделительной черты */
    --bs-breadcrumb-divider-color: var(--bs-secondary-color);
    /* отступ внутренних элементов */
    --bs-breadcrumb-item-padding-x: 0.5rem;
    /* активный цвет элемента */
    --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
    /* тип отображения */
    display: flex;
    /* тип переноса */
    flex-wrap: wrap;
    /* отступы (техническое свойство) */
    padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
    /* отступ снизу */
    margin-bottom: var(--bs-breadcrumb-margin-bottom);
    /* тип списка */
    list-style: none;
}

/* подвал сайта */
.footer {
    /* цвет фона */
    background-color: #766340;
    /* размер шрифта */
    font-size: .9em;
    /* высота подвала */
    height: 60px;

}

/* Чекбокс-переключатель */
.form-switch .form-check-input {
    /* цвет фона чекбокса */
    --bs-checkbox-bg-color: #766340;
    /* цвет рамки чекбокса */
    --bs-checkbox-border-color: #695831;
}

/* Отмеченный чекбокс-переключатель */
.form-switch .form-check-input:checked {
    /* Цвет фона */
    background-color: var(--bs-checkbox-bg-color);
    /* Цвет рамки */
    border-color: var(--bs-checkbox-border-color);
}

/* Сфокусированный чекбокс-переключатель */
.form-switch .form-check-input:focus {
    /* Настройки теней */
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-bg), 0.25);
    /* Цвет рамки */
    border-color: var(--bs-checkbox-border-color);
}

/* Техническое свойство чекбокса-переключателя */
.form-switch .form-check-input:focus:not(:checked) {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
}

/* Список select2 */
.select2-container--krajee-bs5 {
    /* Цвет фона при наведении */
    --select2-hover: rgb(134, 121, 81)
}

/* Контейнер select2 (выпадающий список) */
.select2-container--krajee-bs5.select2-container--open:not(.select2-container--disabled) .select2-selection,
.select2-container--krajee-bs5:not(.select2-container--disabled) .select2-selection:focus,
.select2-container--krajee-bs5:not(.select2-container--disabled) .select2-dropdown {
    /* Цвет рамки */
    border-color: var(--select2-hover)!important;
    /* Настройки теней */
    box-shadow: 0 0.375rem 0.75rem 0.2rem rgba(0,0,0, 0.25)!important;
}

/* Подсвеченные результаты select2 */
.select2-container--krajee-bs5 .select2-results__option--highlighted[aria-selected] {
    /* Цвет фона  */
    background-color: var(--select2-hover)!important;
    /* Цвет текста  */
    color: #fff;
}

/* Результаты select2 */
.select2-container--krajee-bs5 .select2-results__option[aria-selected=true] {
    /* Цвет текста */
    color: var(--select2-hover)!important;
    /* Цвет фона */
    background-color: rgba(134, 121, 81, 0.25)!important;
}