/* Dark theme for Cassiopeia template - GitHub style */

:root {
    /* Основные цвета GitHub темной темы */
    --cassiopeia-color-primary: #58a6ff;
    --cassiopeia-color-link: #58a6ff;
    --cassiopeia-color-hover: #79c0ff;
    --cassiopeia-color-hover-bg: #238636;
    
    /* Фоны */
    --cassiopeia-bg-dark: #0d1117;
    --cassiopeia-bg-surface: #161b22;
    --cassiopeia-bg-header: #161b22; 
    --cassiopeia-bg-card: #21262d;
    
    /* Текст */
    --cassiopeia-text-primary: #c9d1d9;
    --cassiopeia-text-secondary: #8b949e;
    --cassiopeia-text-muted: #6e7681;
    
    /* Границы */
    --cassiopeia-border-color: #30363d;
    --cassiopeia-border-light: #21262d;
    
    /* Переопределение Bootstrap переменных для темной темы */
    --blue: #58a6ff;
    --green: #238636;
    --red: #da3633;
    --orange: #f78166;
    --yellow: #e3b341;
    --gray-100: #f0f6fc;
    --gray-200: #c9d1d9;
    --gray-300: #b1bac4;
    --gray-400: #8b949e;
    --gray-500: #6e7681;
    --gray-600: #484f58;
    --gray-700: #30363d;
    --gray-800: #21262d;
    --gray-900: #161b22;
    --dark: #0d1117;
    --light: #f0f6fc;
    --primary: #58a6ff;
    --secondary: #6e7681;
    --success: #238636;
    --info: #58a6ff;
    --warning: #e3b341;
    --danger: #da3633;
    --body-color: var(--cassiopeia-text-primary);
    --body-bg: var(--cassiopeia-bg-dark);
    --border-color: var(--cassiopeia-border-color);
    
    /* Шрифты как у GitHub */
    --cassiopeia-font-family-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    --cassiopeia-font-family-headings: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
}

/* Общие стили */
body {
    background-color: var(--cassiopeia-bg-dark) !important;
    color: var(--cassiopeia-text-primary) !important;
    font-family: var(--cassiopeia-font-family-body) !important;
}

/* Заголовки */
h1, h2, h3, h4, h5, h6 {
    color: var(--cassiopeia-text-primary) !important;
    font-family: var(--cassiopeia-font-family-headings) !important;
    font-weight: 600 !important;
}

/* ССЫЛКИ - исправляем */
a {
    color: var(--cassiopeia-color-link) !important;
    text-decoration: none !important;
}

a:hover, a:focus {
    color: var(--cassiopeia-color-hover) !important;
    text-decoration: underline !important;
}

/* Навигация */
.header {
    background-color: var(--cassiopeia-bg-header) !important;
    border-bottom: 1px solid var(--cassiopeia-border-color) !important;
}

.container-header,
.container-top {
    background-color: var(--cassiopeia-bg-header) !important;
}

/* Меню навигации */
.navbar {
    background-color: var(--cassiopeia-bg-header) !important;
}

.navbar-nav .nav-link {
    color: var(--cassiopeia-text-primary) !important;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus {
    color: var(--cassiopeia-color-link) !important;
    background-color: rgba(88, 166, 255, 0.1) !important;
    border-radius: 6px !important;
}

/* КНОПКИ - исправляем */
.btn {
    border-radius: 6px !important;
    font-weight: 500 !important;
    transition: all 0.2s ease !important;
}

.btn-primary {
    background-color: var(--success) !important;
    border-color: rgba(240, 246, 252, 0.1) !important;
    color: white !important;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #2ea043 !important;
    border-color: rgba(240, 246, 252, 0.1) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.15) !important;
}

.btn-outline-primary {
    color: var(--cassiopeia-color-link) !important;
    border-color: var(--cassiopeia-border-color) !important;
    background-color: transparent !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
    background-color: rgba(88, 166, 255, 0.1) !important;
    border-color: var(--cassiopeia-color-link) !important;
    color: var(--cassiopeia-color-link) !important;
}

.btn-secondary {
    background-color: var(--gray-600) !important;
    border-color: var(--cassiopeia-border-color) !important;
    color: var(--cassiopeia-text-primary) !important;
}

/* Карточки и модули */
.card {
    background-color: var(--cassiopeia-bg-card) !important;
    border: 1px solid var(--cassiopeia-border-color) !important;
    border-radius: 6px !important;
    color: var(--cassiopeia-text-primary) !important;
}

.card-header {
    background-color: rgba(1, 4, 9, 0.3) !important;
    border-bottom: 1px solid var(--cassiopeia-border-color) !important;
    color: var(--cassiopeia-text-primary) !important;
    font-weight: 600 !important;
}

/* Модули на разных позициях */
.main-top.card,
.sidebar-right.card,
.sidebar-left.card,
.bottom.card {
    background-color: var(--cassiopeia-bg-card) !important;
}

/* Формы */
.form-control,
.form-select {
    background-color: var(--cassiopeia-bg-surface) !important;
    border: 1px solid var(--cassiopeia-border-color) !important;
    color: var(--cassiopeia-text-primary) !important;
    border-radius: 6px !important;
}

.form-control:focus,
.form-select:focus {
    background-color: var(--cassiopeia-bg-surface) !important;
    border-color: var(--cassiopeia-color-link) !important;
    color: var(--cassiopeia-text-primary) !important;
    box-shadow: 0 0 0 3px rgba(88, 166, 255, 0.15) !important;
}

/* Таблицы */
.table {
    color: var(--cassiopeia-text-primary) !important;
    border-color: var(--cassiopeia-border-color) !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(88, 166, 255, 0.05) !important;
}

.table-hover tbody tr:hover {
    background-color: rgba(88, 166, 255, 0.1) !important;
}

/* Пагинация */
.pagination .page-link {
    background-color: var(--cassiopeia-bg-card) !important;
    border-color: var(--cassiopeia-border-color) !important;
    color: var(--cassiopeia-color-link) !important;
}

.pagination .page-link:hover {
    background-color: rgba(88, 166, 255, 0.1) !important;
}

.pagination .page-item.active .page-link {
    background-color: var(--success) !important;
    border-color: var(--success) !important;
    color: white !important;
}

/* Подвал */
.footer {
    background-color: var(--cassiopeia-bg-header) !important;
    border-top: 1px solid var(--cassiopeia-border-color) !important;
    color: var(--cassiopeia-text-secondary) !important;
}

/* Иконки */
.text-muted {
    color: var(--cassiopeia-text-muted) !important;
}

.fa, .fas, [class*=" icon-"], [class^="icon-"] {
    color: var(--cassiopeia-text-secondary) !important;
}

/* Аккордеоны и вкладки */
.accordion-button {
    background-color: var(--cassiopeia-bg-card) !important;
    color: var(--cassiopeia-text-primary) !important;
    border-color: var(--cassiopeia-border-color) !important;
}

.accordion-button:not(.collapsed) {
    background-color: rgba(88, 166, 255, 0.1) !important;
    color: var(--cassiopeia-color-link) !important;
}

.nav-tabs .nav-link {
    background-color: transparent !important;
    color: var(--cassiopeia-text-secondary) !important;
    border-color: var(--cassiopeia-border-color) !important;
}

.nav-tabs .nav-link.active {
    background-color: var(--cassiopeia-bg-card) !important;
    color: var(--cassiopeia-text-primary) !important;
    border-bottom-color: var(--cassiopeia-bg-card) !important;
}

/* Дропдаун меню */
.dropdown-menu {
    background-color: var(--cassiopeia-bg-card) !important;
    border: 1px solid var(--cassiopeia-border-color) !important;
    color: var(--cassiopeia-text-primary) !important;
}

.dropdown-item {
    color: var(--cassiopeia-text-primary) !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
    background-color: rgba(88, 166, 255, 0.1) !important;
    color: var(--cassiopeia-color-link) !important;
}

/* Меню Metis */
.metismenu.mod-menu .mm-collapse {
    background: var(--cassiopeia-bg-card) !important;
    border: 1px solid var(--cassiopeia-border-color) !important;
}

.metismenu.mod-menu .mm-collapse .metismenu-item a {
    color: var(--cassiopeia-text-primary) !important;
}

.metismenu.mod-menu .mm-collapse .metismenu-item a:hover {
    background-color: rgba(88, 166, 255, 0.1) !important;
    color: var(--cassiopeia-color-link) !important;
}

/* Статьи и контент */
.article-info {
    color: var(--cassiopeia-text-muted) !important;
}

.item-image {
    border: 1px solid var(--cassiopeia-border-color) !important;
    border-radius: 6px !important;
}

/* Адаптивность */
@media (max-width: 768px) {
    .navbar-collapse {
        background-color: var(--cassiopeia-bg-card) !important;
        border: 1px solid var(--cassiopeia-border-color) !important;
        border-radius: 6px !important;
        padding: 10px !important;
    }
    
    .navbar-nav .nav-link {
        padding: 8px 12px !important;
    }
}

/* Эффекты для интерактивных элементов */
.btn, .nav-link, .dropdown-item, .page-link {
    transition: all 0.2s ease-in-out !important;
}

/* Специфические стили для элементов Joomla */
.modal-content {
    background-color: var(--cassiopeia-bg-card) !important;
    border: 1px solid var(--cassiopeia-border-color) !important;
}

.alert {
    background-color: var(--cassiopeia-bg-surface) !important;
    border: 1px solid var(--cassiopeia-border-color) !important;
    color: var(--cassiopeia-text-primary) !important;
}

/* Логотип - сделать темнее */
.navbar-brand img,
.site-logo img,
.logo img,
.container-header img,
.header .logo img {
    filter: brightness(0.8) saturate(1.5) hue-rotate(-20deg) !important;
}

/* Добавить фон под логотип */
.navbar-brand,
.logo {
    background-color: rgba(22, 27, 34, 0.7) !important;
    padding: 5px 15px !important;
    border-radius: 6px !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* Сделать лого белым на темном фоне */
.navbar-brand img,
.logo img {
    filter: brightness(0) invert(1) !important;
}

body.site.fluid {
    --cassiopeia-color-primary: #0d1117;
}

.container-header.full-width {
    background: #0d1117 !important;
}