/* 
 * TopSpeedBoost - Темная тема
 * Замена синих фонов на черные
 */

/* Принудительно заменить все фоны на черные */
body, main, section, div, header, footer, nav, aside, article {
    background-color: #000000 !important;
}

/* Специфичные секции с темным фоном */
.hero, #about, #games, #contact, .py-5, .bg-dark, .navbar, .footer {
    background-color: #000000 !important;
}

/* Специальные секции с градиентами */
[style*="background"], [style*="background-color"], [style*="background-image"] {
    background: #000000 !important;
    background-color: #000000 !important;
    background-image: none !important;
}

/* Замена синих фонов на черные */
/* Важно: не затемнять бейджи категорий и кнопки намеренно */
.bg-primary, .bg-info, .bg-blue, .btn-info {
    background-color: #000000 !important;
    border-color: #ffd600 !important;
}
/* Для бейджей с классом bg-primary оставляем яркий фон и темный текст */
.badge.bg-primary, .badge-primary {
    background-color: #ffd600 !important;
    color: #111 !important;
    border: none !important;
}

/* Кнопки с желтой рамкой */
.btn-outline-primary {
    color: #ffd600 !important;
    border-color: #ffd600 !important;
}

.btn-outline-primary:hover {
    background-color: #ffd600 !important;
    color: #000000 !important;
}

/* Темные фоны */
.bg-dark {
    background-color: #000000 !important;
}

/* Контрастные первичные кнопки на темном фоне (в т.ч. на страницах блога) */
.btn.btn-primary {
    background-color: #00ffc2 !important;
    border-color: #00e6af !important;
    color: #111 !important;
}
.btn.btn-primary:hover, .btn.btn-primary:focus {
    background-color: #00e6af !important;
    border-color: #00d9a6 !important;
    color: #111 !important;
}

/* Карточки с черным фоном */
.card {
    background-color: #0a0a0a !important;
    border-color: #333333 !important;
}
/* Текст карточек на темном фоне должен быть светлым */
.card, .card .card-title, .card .card-text {
    color: #e5e9ef !important;
}

/* Навигация с черным фоном */
.navbar, .dropdown-menu {
    background-color: #000000 !important;
}

/* Модальные окна с черным фоном */
.modal-content {
    background-color: #0a0a0a !important;
    border-color: #333333 !important;
}

/* Поля ввода с темным фоном */
input, select, textarea, .form-control {
    background-color: #0a0a0a !important;
    border-color: #333333 !important;
    color: #ffffff !important;
}

/* Фокус на полях ввода */
input:focus, select:focus, textarea:focus, .form-control:focus {
    border-color: #ffd600 !important;
    box-shadow: 0 0 0 0.25rem rgba(255, 214, 0, 0.25) !important;
}

/* Таблицы с темным фоном */
table, th, td {
    background-color: #0a0a0a !important;
    border-color: #333333 !important;
}

/* Списки с темным фоном */
.list-group-item {
    background-color: #0a0a0a !important;
    border-color: #333333 !important;
}

/* Аккордеоны с темным фоном */
.accordion-button, .accordion-body {
    background-color: #0a0a0a !important;
    color: #ffffff !important;
}

/* Пагинация с темным фоном */
.pagination .page-item .page-link {
    background-color: #0a0a0a !important;
    border-color: #333333 !important;
    color: #ffffff !important;
}

.pagination .page-item.active .page-link {
    background-color: #ffd600 !important;
    border-color: #ffd600 !important;
    color: #000000 !important;
}