/* ==========================================================================
   Dark Theme Styles
   ========================================================================== */

/* ==========================================================================
   Dark Theme Variable Overrides
   ========================================================================== */

[data-theme="dark"] {
    /* Dark Theme Colors */
    --primary-color: #4CAF50;
    --primary-dark: #388E3C;
    --secondary-color: #4a5568;
    --accent-color: #4CAF50;

    /* Dark Background Gradients */
    --bg-dark: linear-gradient(180deg, #2d3748 0%, #1a202c 50%, #0d1117 100%);

    /* Dark Card Styles */
    --card-bg: linear-gradient(145deg, #2a2d3a 0%, #1f2328 100%);
    --card-border: rgba(76, 175, 80, 0.2);
    --card-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
    --card-shadow-hover: 0 12px 32px rgba(0, 0, 0, 0.4);

    /* Dark Text Colors */
    --text-primary: #f3f4f6;
    --text-secondary: #d1d5db;
    --text-muted: #a0aec0;

    /* Dark Navigation Colors */
    --nav-bg: linear-gradient(145deg, #2d3748 0%, #1a202c 100%);
    --nav-border: rgba(76, 175, 80, 0.3);
    --nav-text: #e2e8f0;

    /* Dark Backdrop Effects */
    --backdrop-blur: blur(15px);
    --backdrop-blur-strong: blur(25px);
}

/* General Body Styles - премиум градиент */
[data-theme="dark"] body {
    background: var(--bg-dark);
    background-attachment: fixed;
    background-repeat: no-repeat;
    color: var(--text-primary);
    font-family: var(--font-primary);
    font-weight: var(--fw-normal);
    letter-spacing: var(--ls-tight);
}

/* Header Desktop - премиум дизайн */
[data-theme="dark"] .custom-navbar {
    background: var(--nav-bg) !important;
    border-bottom: 1px solid var(--nav-border) !important;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1) !important;
}

[data-theme="dark"] .custom-navbar .navbar-brand,
[data-theme="dark"] .custom-navbar .nav-link {
    color: var(--nav-text) !important;
}

[data-theme="dark"] .custom-navbar .navbar-brand {
    font-family: var(--font-headings);
    font-weight: var(--fw-bold);
    letter-spacing: var(--ls-wide);
}

[data-theme="dark"] .custom-navbar .nav-link {
    font-family: var(--font-primary);
    font-weight: var(--fw-medium);
}

[data-theme="dark"] .custom-navbar .user-status {
    color: var(--nav-text) !important;
    background: #4a5568 !important;
    font-family: var(--font-primary);
    font-weight: var(--fw-semibold);
    letter-spacing: var(--ls-wide);
}

[data-theme="dark"] .theme-toggle-btn img,
[data-theme="dark"] .navbar-toggler-icon {
    filter: invert(90%) sepia(13%) saturate(301%) hue-rotate(180deg) brightness(95%) contrast(93%);
}

[data-theme="dark"] .theme-toggle-btn:hover {
    background-color: rgba(226, 232, 240, 0.1) !important;
}

/* Footer - элегантный дизайн */
[data-theme="dark"] #footer {
    background: var(--nav-bg);
    color: var(--text-primary);
    border-top: 1px solid var(--nav-border);
    box-shadow: 0 -2px 20px rgba(0, 0, 0, 0.1);
}

[data-theme="dark"] #footer h6,
[data-theme="dark"] #footer .footer-description,
[data-theme="dark"] .footer-nav-links a,
[data-theme="dark"] .copyright-text {
    color: var(--text-primary);
}

[data-theme="dark"] .footer-divider {
    border-color: rgba(226, 232, 240, 0.2);
}

/* Main Page Content */
[data-theme="dark"] .slogan {
    color: var(--text-muted);
}

[data-theme="dark"] .text-muted {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .frame {
    background: var(--card-bg);
    border: 1px solid var(--card-border);
    color: var(--text-primary);
    box-shadow: var(--card-shadow);
    transition: all 0.3s ease;
}

[data-theme="dark"] .frame .title {
    color: #ffffff;
}

[data-theme="dark"] .frame .desc {
    color: var(--text-secondary);
}

[data-theme="dark"] .frame:hover {
    border-color: var(--primary-color);
    box-shadow: var(--card-shadow-hover);
    transform: translateY(-2px);
}

/* Card and News Feed styles - премиум дизайн */
[data-theme="dark"] .content-card,
[data-theme="dark"] .news-feed .news-item {
    background: var(--card-bg);
    border: 1px solid var(--card-border);
    box-shadow: var(--card-shadow);
    transition: all 0.3s ease;
}

[data-theme="dark"] .content-card:hover {
    box-shadow: var(--card-shadow-hover),
        0 0 0 1px var(--card-border) inset;
    transform: translateY(-3px);
}

[data-theme="dark"] .content-card .card-title,
[data-theme="dark"] .news-feed .news-item h5 {
    color: var(--text-primary);
}

/* Button styles moved to unified buttons.css system */

[data-theme="dark"] .news-feed .news-item .news-meta {
    color: #718096;
}

/* Finance Page Content - современный дизайн */
[data-theme="dark"] .main-nav {
    background: linear-gradient(145deg, rgba(42, 45, 58, 0.9) 0%, rgba(31, 35, 40, 0.9) 100%);
    color: var(--text-primary);
    backdrop-filter: var(--backdrop-blur);
    -webkit-backdrop-filter: var(--backdrop-blur);
    border: 1px solid var(--card-border);
}

[data-theme="dark"] .main-nav .nav-link {
    color: var(--text-primary);
    transition: all 0.2s ease;
}

[data-theme="dark"] .main-nav .nav-link:hover,
[data-theme="dark"] .main-nav .nav-link.active {
    background: linear-gradient(135deg, rgba(76, 175, 80, 0.1) 0%, rgba(76, 175, 80, 0.2) 100%);
    color: #ffffff;
}

[data-theme="dark"] .main-nav .active-underline {
    background: linear-gradient(90deg, var(--primary-color) 0%, var(--primary-dark) 100%);
}

/* ==========================================================================
   Responsive Dark Theme Styles
   ========================================================================== */

/* Tablet - элегантный дизайн */
@media (max-width: 768px) {
    [data-theme="dark"] .custom-navbar {
        background: linear-gradient(145deg, rgba(45, 55, 72, 0.95) 0%, rgba(26, 32, 44, 0.95) 100%) !important;
        border-bottom: 2px solid var(--primary-color) !important;
        backdrop-filter: blur(20px) !important;
        -webkit-backdrop-filter: blur(20px) !important;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2) !important;
    }

    [data-theme="dark"] .custom-navbar .navbar-brand,
    [data-theme="dark"] .custom-navbar .nav-link {
        color: #e0e0e0 !important;
    }

    [data-theme="dark"] .custom-navbar .nav-link.active {
        color: var(--primary-color) !important;
    }

    [data-theme="dark"] .custom-navbar .navbar-toggler {
        border-color: var(--primary-color) !important;
    }

    [data-theme="dark"] .custom-navbar .navbar-toggler:focus {
        box-shadow: 0 0 0 0.25rem rgba(76, 175, 80, 0.5) !important;
    }
}

/* Mobile - утонченный дизайн */
@media (max-width: 576px) {
    [data-theme="dark"] .custom-navbar {
        background: linear-gradient(145deg, rgba(45, 55, 72, 0.98) 0%, rgba(26, 32, 44, 0.98) 100%) !important;
        border-bottom: 2px solid var(--primary-color) !important;
        backdrop-filter: blur(25px) !important;
        -webkit-backdrop-filter: blur(25px) !important;
        box-shadow: 0 6px 25px rgba(0, 0, 0, 0.25) !important;
    }

    [data-theme="dark"] .custom-navbar .navbar-brand,
    [data-theme="dark"] .custom-navbar .nav-link {
        color: #e0e0e0 !important;
    }

    [data-theme="dark"] .custom-navbar .nav-link.active {
        color: var(--primary-color) !important;
    }

    [data-theme="dark"] .frame {
        background: var(--card-bg);
        border: 1px solid var(--card-border);
        color: var(--text-primary);
        box-shadow: var(--card-shadow);
    }

    [data-theme="dark"] .frame:hover {
        border-color: var(--primary-color);
    }
}

/* ==========================================================================
   Authentication Dark Theme Styles - Modern Design
   ========================================================================== */

/* Dropdown menu - современный дизайн */
[data-theme="dark"] .custom-navbar .dropdown-menu,
[data-theme="dark"] .navbar .dropdown-menu,
[data-theme="dark"] .auth-dropdown .dropdown-menu {
    background: linear-gradient(145deg, #2a2d3a 0%, #1f2328 100%) !important;
    border: 1px solid rgba(76, 175, 80, 0.2) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4),
        0 0 0 1px rgba(255, 255, 255, 0.05) inset !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    z-index: 9999 !important;
}

[data-theme="dark"] .custom-navbar .dropdown-item,
[data-theme="dark"] .navbar .dropdown-item,
[data-theme="dark"] .auth-dropdown .dropdown-item {
    color: #d1d5db !important;
    background-color: transparent !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

[data-theme="dark"] .custom-navbar .dropdown-item:hover,
[data-theme="dark"] .custom-navbar .dropdown-item:focus,
[data-theme="dark"] .navbar .dropdown-item:hover,
[data-theme="dark"] .navbar .dropdown-item:focus,
[data-theme="dark"] .auth-dropdown .dropdown-item:hover,
[data-theme="dark"] .auth-dropdown .dropdown-item:focus {
    background: linear-gradient(135deg, rgba(76, 175, 80, 0.15) 0%, rgba(76, 175, 80, 0.25) 100%) !important;
    color: #ffffff !important;
    transform: translateX(2px) !important;
    box-shadow: 0 2px 8px rgba(76, 175, 80, 0.2) !important;
}

[data-theme="dark"] .custom-navbar .dropdown-header,
[data-theme="dark"] .navbar .dropdown-header,
[data-theme="dark"] .auth-dropdown .dropdown-header {
    color: #f3f4f6 !important;
    font-weight: 600 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .custom-navbar .dropdown-divider,
[data-theme="dark"] .navbar .dropdown-divider,
[data-theme="dark"] .auth-dropdown .dropdown-divider {
    border-color: rgba(76, 175, 80, 0.2) !important;
    opacity: 0.6 !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

[data-theme="dark"] .auth-dropdown .dropdown-item.text-danger {
    color: #ff8b94 !important;
}

[data-theme="dark"] .auth-dropdown .dropdown-item.text-danger:hover {
    background: linear-gradient(135deg, rgba(255, 139, 148, 0.15) 0%, rgba(255, 139, 148, 0.25) 100%) !important;
    color: #ffb3ba !important;
    box-shadow: 0 2px 8px rgba(255, 139, 148, 0.2) !important;
}

/* Authentication dark theme button styles moved to unified buttons.css system */

/* ==========================================================================
   Mobile Authentication Dark Theme
   ========================================================================== */

/* Темная тема для мобильного dropdown */
@media (max-width: 991px) {

    [data-theme="dark"] .navbar-collapse.show .auth-dropdown .dropdown-menu,
    [data-theme="dark"] .navbar-collapse.collapsing .auth-dropdown .dropdown-menu {
        background: linear-gradient(145deg, #2a2d3a 0%, #1f2328 100%) !important;
        border: 1px solid rgba(76, 175, 80, 0.3) !important;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
    }
}

@media (max-width: 576px) {

    /* Мобильные элементы - premium дизайн */
    [data-theme="dark"] .navbar-collapse.show .auth-dropdown .btn-link,
    [data-theme="dark"] .navbar-collapse.collapsing .auth-dropdown .btn-link {
        background: linear-gradient(145deg, rgba(76, 175, 80, 0.1) 0%, rgba(76, 175, 80, 0.15) 100%) !important;
        border: 1px solid rgba(76, 175, 80, 0.4) !important;
        color: var(--primary-color) !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
    }

    [data-theme="dark"] .custom-navbar .dropdown-menu {
        background: linear-gradient(145deg, rgba(42, 45, 58, 0.95) 0%, rgba(31, 35, 40, 0.95) 100%) !important;
        border: 1px solid rgba(76, 175, 80, 0.25) !important;
        backdrop-filter: blur(20px) !important;
        -webkit-backdrop-filter: blur(20px) !important;
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;
    }

    [data-theme="dark"] .custom-navbar .dropdown-item {
        color: #d1d5db !important;
    }

    [data-theme="dark"] .custom-navbar .dropdown-item:hover,
    [data-theme="dark"] .custom-navbar .dropdown-item:focus {
        background: linear-gradient(135deg, rgba(76, 175, 80, 0.15) 0%, rgba(76, 175, 80, 0.25) 100%) !important;
        color: #ffffff !important;
        box-shadow: 0 2px 8px rgba(76, 175, 80, 0.2) !important;
    }
}

@media (min-width: 450px) and (max-width: 991px) {
    [data-theme="dark"] .custom-navbar .container-fluid {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
    }

    [data-theme="dark"] .custom-navbar .navbar-brand {
        flex-shrink: 0;
    }

    [data-theme="dark"] .custom-navbar .theme-toggle-btn.d-lg-none {
        order: 2;
        margin-left: auto;
        margin-right: 0.5rem;
    }

    [data-theme="dark"] .custom-navbar .navbar-toggler {
        order: 3;
        flex-shrink: 0;
    }

    [data-theme="dark"] .custom-navbar .collapse.navbar-collapse {
        order: 4;
        flex-basis: 100%;
    }
}

/* ==========================================================================
   Dark Theme Styles for New Compact Article Structure
   ========================================================================== */

/* Ключевые события - тёмная тема */
[data-theme="dark"] .key-events-list {
    background: linear-gradient(135deg, #2d1b1b 0%, #3d1e1e 100%);
    border-left: 4px solid #f56565;
    color: var(--text-primary);
}

[data-theme="dark"] .key-events-list li {
    color: var(--text-secondary);
}

/* Влияние на рынок - тёмная тема */
[data-theme="dark"] .market-impact-section {
    background: linear-gradient(135deg, #1a2f1a 0%, #1e3a1e 100%);
    border-left: 4px solid #68d391;
    color: var(--text-primary);
}

[data-theme="dark"] .market-impact-section strong {
    color: var(--text-primary);
}

[data-theme="dark"] .sectors-list li {
    color: var(--text-secondary);
}

/* Котировки и прогнозы - тёмная тема */
[data-theme="dark"] .quotes-section {
    background: linear-gradient(135deg, #1a2332 0%, #1e2a3e 100%);
    border-left: 4px solid #63b3ed;
    color: var(--text-primary);
}

[data-theme="dark"] .quotes-section strong {
    color: var(--text-primary);
}

/* Рекомендации для инвесторов - тёмная тема */
[data-theme="dark"] .recommendations-section {
    background: linear-gradient(135deg, #322b1a 0%, #3e321e 100%);
    border-left: 4px solid #ecc94b;
    color: var(--text-primary);
}

[data-theme="dark"] .recommendations-section h5 {
    color: #ecc94b;
}

[data-theme="dark"] .short-term-recommendations li,
[data-theme="dark"] .long-term-recommendations li {
    color: var(--text-secondary);
}

/* Индикаторы анализа - тёмная тема */
[data-theme="dark"] .analysis-indicators {
    background: linear-gradient(135deg, #2d1a32 0%, #3a1e3e 100%);
    border: 1px solid #9f7aea;
    color: var(--text-primary);
}

[data-theme="dark"] .analysis-indicators p {
    color: var(--text-secondary);
}

/* Улучшенные метаданные статьи - тёмная тема */
[data-theme="dark"] .article-type {
    background: var(--secondary-color);
    color: var(--text-secondary);
}