/* Тёмно-серый режим с ярким светлым текстом */
:root {
    --cassiopeia-color-primary: #2d3748 !important; /* Серый цвет шапки */
    --cassiopeia-color-hover: #3b82f6 !important; /* Яркие синие ссылки при наведении */
    --cassiopeia-color-link: #3b82f6 !important; /* Яркие синие ссылки */
    --template-bg-light: #2d3748 !important;
    --template-text-dark: #f7fafc !important; /* Почти белый текст */
}

/* Общий тёмно-серый фон сайта */
body, 
.site-container, 
main, 
#content,
.com-content-category,
.category-list,
.main-content {
    background-color: #2d3748 !important; /* Slate/Dark Grey фон */
    background: #2d3748 !important;
    color: #ffffff !important; /* Максимально белый, контрастный текст */
}

/* Строки таблицы со статьями */
table.category, 
.table, 
tr, 
th, 
td,
.cat-list-row0,
.cat-list-row1 {
    background-color: #1a202c !important; /* Чуть более тёмный серый для строк */
    background: #1a202c !important;
    color: #ffffff !important; /* Белый текст в таблице */
    border-color: #4a5568 !important; /* Серые границы таблиц */
}

/* Эффект наведения на строку таблицы */
.table-hover > tbody > tr:hover > * {
    background-color: #4a5568 !important; /* Светло-серый при наведении */
    color: #ffffff !important;
}

/* Ссылки (названия материалов) — ТЕПЕРЬ ЯРКО-СИНИЕ */
a, 
.list-title a,
main a,
.nav-link {
    color: #f4f881 !important; /* Насыщенный синий цвет (заменили #FFFFFF) */
    text-decoration: none !important;
    font-weight: 500;
}

/* Ссылки при наведении мыши */
a:hover, 
.list-title a:hover,
main a:hover {
    color: #f8fbb1 !important; /* Светло-синий/голубой для отличного контраста */
    text-decoration: underline !important;
}

/* Тёмно-серая шапка сайта */
.header, .container-topbar {
    background-color: #1a202c !important;
    border-bottom: 1px solid #4a5568 !important;
}

/* Текст обычных модулей и навигации */
.mod-menu a, .nav-item a {
    color: #edf2f7 !important; /* Светло-серый текст меню */
}

/* Нижняя часть сайта (Footer) */
footer, .footer {
    background-color: #1a202c !important;
    border-top: 1px solid #4a5568 !important;
    color: #a0aec0 !important;
}

/* Увеличение размера шрифта главного меню сайта */
.header .mod-menu, 
.header .nav, 
.header .nav-item, 
.header .nav-link,
.container-topbar .nav-link {
    font-size: 20px !important; 
    font-weight: 600 !important; 
}

/* Отступы между пунктами меню, чтобы они не слипались при увеличении */
.header .nav-item {
    margin-left: 25px !important;
    margin-right: 15px !important;
}

@media (max-width: 991.98px) {
    #mod-menu1.mod-menu {
        display: flex !important;
        flex-direction: row !important;     /* Строго в одну линию */
        flex-wrap: nowrap !important;       /* Запрещаем перенос иконок вниз */
        justify-content: flex-start !important; /* Центрируем блок с иконками в лево */
        gap: 20px !important;               /* Делаем аккуратные отступы между ними */
        padding: 5px 15px !important;
    }

    /* Убираем растягивание ссылок на всю ширину экрана телефона */
    #mod-menu1.mod-menu .nav-item {
        width: auto !important;
        margin: 0 !important;
    }
}