/* ==========================================================================
   1. БАЗОВАЯ РАЗМЕТКА И ПРИЖАТЫЙ ФУТЕР
   ========================================================================== */
html, body {
    min-height: 100%;
}

body {
    display: flex;
    flex-direction: column;
}

main {
    flex: 1 0 auto;
}

footer {
    flex-shrink: 0;
}


/* ==========================================================================
   7. Прокрутка наверх
   ========================================================================== */
#scrollToTopBtn {
    right: 20px;
    bottom: 20px;
    width: 48px;
    height: 48px;
    z-index: 1055;
    display: none;
    align-items: center;
    justify-content: center;
}

#scrollToTopBtn.show {
    display: inline-flex;
}

/* ==========================================================================
   ГЛОБАЛЬНЫЙ ПЕРЕВОД СИНЕГО BOOTSTRAP В ЗЕЛЕНЫЙ ЦВЕТ
   ========================================================================== */

/* 1. Основные кнопки (btn-primary) */
.btn-primary {
    color: #fff !important;
    background-color: #198754 !important; /* Фирменный зеленый Bootstrap 5 */
    border-color: #198754 !important;
}
.btn-primary:hover, .btn-primary:focus {
    background-color: #157347 !important; /* Более темный при наведении */
    border-color: #146c43 !important;
}
.btn-primary:focus {
    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5) !important;
}
.btn-primary:disabled, .btn-primary.disabled {
    background-color: #198754 !important;
    border-color: #198754 !important;
    opacity: 0.65;
}

/* 2. Постраничная навигация (Пагинация / Pagination) */
.page-item.active .page-link {
    background-color: #198754 !important;
    border-color: #198754 !important;
    color: #fff !important;
}
.page-link {
    color: #198754 !important; /* Цвет обычных ссылок-цифр */
}
.page-link:hover {
    color: #157347 !important;
    background-color: #e9ecef !important;
}
.page-link:focus {
    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25) !important;
}

/* 3. Текстовые ссылки и элементы с классом text-primary */
.text-primary {
    color: #198754 !important;
}
a.text-primary:hover {
    color: #157347 !important;
}

/* 4. Бейджи (Badge) */
.bg-primary {
    background-color: #198754 !important;
}


/* Цвет активной страницы — зеленый фон и белый текст */
.bx-pagination.bx-blue .bx-pagination-container ul li.bx-active span {
    background: #198754 !important;
    color: #fff !important;
    border-color: #198754 !important;
}

/* Эффект при наведении на остальные страницы (цифры и стрелки) */
.bx-pagination.bx-blue .bx-pagination-container ul li a:hover {
    background: #198754 !important;
    color: #fff !important;
    border-color: #198754 !important;
}

.list-group-item.active {
    background-color: #198754;
}
/* Личный кабинет зеленый */
.sale-personal-section-index-block {
    background-color: #198754;
}
.no-margin {
    margin: 0 !important;
}
.bi-brightness-high, .bi-telephone, .bi-thermometer-sun {
	color:#ffcc00;
	font-size:1.2em;
}
/* Для вывода в разделах текста */
.section-description {
    font-size: 15px;         /* Оптимальный базовый размер для текста описания */
    line-height: 1.6;        /* Обязательно добавьте межстрочный интервал для читаемости */
    color: #333333;          /* Текст должен быть контрастным, не серым на сером */
}

.section-description h1 {
    font-size: 28px;         /* Главный заголовок должен явно выделяться */
    margin-bottom: 20px;
}

.section-description h2 {
    font-size: 22px;         /* Подзаголовки второго уровня */
    margin-top: 25px;
    margin-bottom: 15px;
}

.section-description p {
    margin-bottom: 15px;     /* Отступы между абзацами */
}
.more_a {
	color:#fff;
	text-decoration:none;
}
.more_a:hover {
	color:#000;
	text-decoration:underline;
}

.bx-pagination .bx-pagination-container ul li.bx-active span, div.bx-pagination div.bx-pagination-container ul li.bx-active span {
    color: #fff;
    background-color: #198754;
}
/*
a class="text-dark text-decoration-none черный
a class="text-success text-decoration-none" зеленый
a class="text-success" зеленый
*/