/* public/css/dark-theme.css */
/* Темная тема для Проект Эволюция */

/* public/css/dark-theme.css - полная версия с затемнением фона */

/* Глобальный фон для всей страницы */
html.dark-theme,
html.dark-theme body,
html.dark-theme .min-vh-100,
html.dark-theme .d-flex.flex-column,
html.dark-theme .flex-grow-1,
html.dark-theme main,
html.dark-theme #app {
    background-color: #111827 !important;
}

/* Основной фон страницы */
html.dark-theme body {
    background-color: #111827 !important;
    color: #e5e7eb !important;
}

/* Header */
html.dark-theme header.navbar,
html.dark-theme footer {
    background-color: #1f2937 !important;
    border-color: #374151 !important;
}

html.dark-theme .navbar-light .navbar-nav .nav-link {
    color: #d1d5db !important;
}

html.dark-theme .navbar-light .navbar-nav .nav-link:hover,
html.dark-theme .navbar-light .navbar-nav .nav-link.active {
    color: #818cf8 !important;
}

html.dark-theme .navbar-brand {
    color: #818cf8 !important;
}

/* Карточки */
html.dark-theme .card {
    background-color: #1f2937 !important;
    border-color: #374151 !important;
}

html.dark-theme .card-title {
    color: #f3f4f6 !important;
}

html.dark-theme .card-body {
    color: #d1d5db !important;
}

/* Модальные окна */
html.dark-theme .modal-content {
    background-color: #1f2937 !important;
    border-color: #374151 !important;
}

html.dark-theme .modal-header,
html.dark-theme .modal-footer {
    border-color: #374151 !important;
}

html.dark-theme .modal-title {
    color: #f3f4f6 !important;
}

html.dark-theme .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}

/* Формы */
html.dark-theme .form-control,
html.dark-theme .form-select {
    background-color: #111827 !important;
    border-color: #374151 !important;
    color: #f3f4f6 !important;
}

html.dark-theme .form-control:focus,
html.dark-theme .form-select:focus {
    background-color: #1f2937 !important;
    border-color: #818cf8 !important;
    color: #f3f4f6 !important;
}

html.dark-theme .form-label {
    color: #e5e7eb !important;
}

/* Dropdown меню */
html.dark-theme .dropdown-menu {
    background-color: #1f2937 !important;
    border-color: #374151 !important;
}

html.dark-theme .dropdown-item {
    color: #d1d5db !important;
}

html.dark-theme .dropdown-item:hover {
    background-color: #374151 !important;
    color: #f3f4f6 !important;
}

/* Кнопки */
html.dark-theme .btn-outline-primary {
    color: #818cf8 !important;
    border-color: #818cf8 !important;
}

html.dark-theme .btn-outline-primary:hover {
    background-color: #818cf8 !important;
    color: #111827 !important;
}

html.dark-theme .btn-primary {
    background-color: #6366f1 !important;
    border-color: #6366f1 !important;
}

html.dark-theme .btn-primary:hover {
    background-color: #818cf8 !important;
    border-color: #818cf8 !important;
}

/* Хлебные крошки */
html.dark-theme .breadcrumb {
    background-color: transparent !important;
}

html.dark-theme .breadcrumb-item a {
    color: #818cf8 !important;
    text-decoration: none;
}

html.dark-theme .breadcrumb-item.active {
    color: #9ca3af !important;
}

/* Списки */
html.dark-theme .list-unstyled a {
    color: #9ca3af !important;
    text-decoration: none;
}

html.dark-theme .list-unstyled a:hover {
    color: #818cf8 !important;
}

/* Текст */
html.dark-theme .text-muted {
    color: #9ca3af !important;
}

html.dark-theme .bg-white {
    background-color: #1f2937 !important;
}

html.dark-theme .bg-light {
    background-color: #111827 !important;
}

html.dark-theme .border-top,
html.dark-theme .border-bottom,
html.dark-theme .border {
    border-color: #374151 !important;
}

/* Ссылки */
html.dark-theme a:not(.btn):not(.nav-link):not(.dropdown-item) {
    color: #818cf8 !important;
}

html.dark-theme a:not(.btn):not(.nav-link):not(.dropdown-item):hover {
    color: #a5b4fc !important;
}

/* Дополнительно для контейнеров */
html.dark-theme .container,
html.dark-theme .container-fluid,
html.dark-theme .row {
    background-color: transparent !important;
}

/* Если есть какие-то специфичные классы для основного контента */
html.dark-theme .content,
html.dark-theme .main-content,
html.dark-theme .page-content {
    background-color: transparent !important;
}

/* Базовые стили */
html.dark-theme body {
    background-color: #111827 !important;
    color: #e5e7eb !important;
}

/* Header */
html.dark-theme header.navbar,
html.dark-theme footer {
    background-color: #1f2937 !important;
    border-color: #374151 !important;
}

html.dark-theme .navbar-light .navbar-nav .nav-link {
    color: #d1d5db !important;
}

html.dark-theme .navbar-light .navbar-nav .nav-link:hover,
html.dark-theme .navbar-light .navbar-nav .nav-link.active {
    color: #818cf8 !important;
}

html.dark-theme .navbar-brand {
    color: #818cf8 !important;
}

/* Карточки */
html.dark-theme .card {
    background-color: #1f2937 !important;
    border-color: #374151 !important;
}

html.dark-theme .card-title {
    color: #f3f4f6 !important;
}

html.dark-theme .card-body {
    color: #d1d5db !important;
}

/* Модальные окна */
html.dark-theme .modal-content {
    background-color: #1f2937 !important;
    border-color: #374151 !important;
}

html.dark-theme .modal-header,
html.dark-theme .modal-footer {
    border-color: #374151 !important;
}

html.dark-theme .modal-title {
    color: #f3f4f6 !important;
}

html.dark-theme .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}

/* Формы */
html.dark-theme .form-control,
html.dark-theme .form-select {
    background-color: #111827 !important;
    border-color: #374151 !important;
    color: #f3f4f6 !important;
}

html.dark-theme .form-control:focus,
html.dark-theme .form-select:focus {
    background-color: #1f2937 !important;
    border-color: #818cf8 !important;
    color: #f3f4f6 !important;
}

html.dark-theme .form-label {
    color: #e5e7eb !important;
}

/* Dropdown меню */
html.dark-theme .dropdown-menu {
    background-color: #1f2937 !important;
    border-color: #374151 !important;
}

html.dark-theme .dropdown-item {
    color: #d1d5db !important;
}

html.dark-theme .dropdown-item:hover {
    background-color: #374151 !important;
    color: #f3f4f6 !important;
}

/* Кнопки */
html.dark-theme .btn-outline-primary {
    color: #818cf8 !important;
    border-color: #818cf8 !important;
}

html.dark-theme .btn-outline-primary:hover {
    background-color: #818cf8 !important;
    color: #111827 !important;
}

html.dark-theme .btn-primary {
    background-color: #6366f1 !important;
    border-color: #6366f1 !important;
}

html.dark-theme .btn-primary:hover {
    background-color: #818cf8 !important;
    border-color: #818cf8 !important;
}

/* Хлебные крошки */
html.dark-theme .breadcrumb-item a {
    color: #818cf8 !important;
    text-decoration: none;
}

html.dark-theme .breadcrumb-item.active {
    color: #9ca3af !important;
}

/* Списки */
html.dark-theme .list-unstyled a {
    color: #9ca3af !important;
    text-decoration: none;
}

html.dark-theme .list-unstyled a:hover {
    color: #818cf8 !important;
}

/* Текст */
html.dark-theme .text-muted {
    color: #9ca3af !important;
}

html.dark-theme .bg-white {
    background-color: #1f2937 !important;
}

html.dark-theme .bg-light {
    background-color: #111827 !important;
}

html.dark-theme .border-top {
    border-color: #374151 !important;
}

/* Ссылки */
html.dark-theme a:not(.btn):not(.nav-link):not(.dropdown-item) {
    color: #818cf8 !important;
}

html.dark-theme a:not(.btn):not(.nav-link):not(.dropdown-item):hover {
    color: #a5b4fc !important;
}

/* Переопределяем градиентный фон для темной темы */
html.dark-theme body {
    background: #111827 !important;
    background-color: #111827 !important;
    background-image: none !important;
}

/* Также переопределяем любые возможные градиенты */
html.dark-theme {
    background: #111827 !important;
}

/* Если градиент применяется к html или другим элементам */
html.dark-theme body,
html.dark-theme .min-vh-100,
html.dark-theme .d-flex.flex-column {
    background: #111827 !important;
    background-color: #111827 !important;
    background-image: none !important;
}