﻿/* Dark theme comfort overrides */
body.dark-mode {
    background: #0b1220 !important;
    color: #e5e7eb !important;
}

body.dark-mode .app-header {
    background: #0f172a !important;
    border-bottom-color: #1f2a44 !important;
}

body.dark-mode .app-sidebar {
    background: #0b1220 !important;
    border-right-color: #1f2a44 !important;
}

body.dark-mode .side-menu__item {
    color: #cbd5f5 !important;
}

body.dark-mode .side-menu__item.active {
    background: rgba(124, 58, 237, 0.18) !important;
    color: #c4b5fd !important;
}

body.dark-mode .side-menu__item.active .side-menu__icon {
    color: #c4b5fd !important;
}

body.dark-mode .side-menu__icon {
    color: #94a3b8 !important;
}

body.dark-mode .card,
body.dark-mode .custom-card,
body.dark-mode .panel,
body.dark-mode .border-card,
body.dark-mode .stats-card,
body.dark-mode .profile-card,
body.dark-mode .archive-card,
body.dark-mode .store-highlight-card,
body.dark-mode .store-deck-card {
    background: #111827 !important;
    border-color: #1f2a44 !important;
    color: #e5e7eb !important;
}

body.dark-mode .card *:not(.btn):not(.badge):not(.text-primary):not(.text-success):not(.text-warning):not(.text-danger),
body.dark-mode .custom-card *:not(.btn):not(.badge):not(.text-primary):not(.text-success):not(.text-warning):not(.text-danger),
body.dark-mode .stats-card *:not(.btn):not(.badge):not(.text-primary):not(.text-success):not(.text-warning):not(.text-danger),
body.dark-mode .profile-card *:not(.btn):not(.badge):not(.text-primary):not(.text-success):not(.text-warning):not(.text-danger),
body.dark-mode .archive-card *:not(.btn):not(.badge):not(.text-primary):not(.text-success):not(.text-warning):not(.text-danger),
body.dark-mode .store-highlight-card *:not(.btn):not(.badge):not(.text-primary):not(.text-success):not(.text-warning):not(.text-danger),
body.dark-mode .store-deck-card *:not(.btn):not(.badge):not(.text-primary):not(.text-success):not(.text-warning):not(.text-danger) {
    color: #e5e7eb !important;
}

body.dark-mode .card-header,
body.dark-mode .card-body,
body.dark-mode .profile-card-header {
    background: transparent !important;
    color: inherit !important;
}

body.dark-mode .text-muted,
body.dark-mode .profile-muted,
body.dark-mode .section-subtitle,
body.dark-mode .account-label,
body.dark-mode .account-value,
body.dark-mode .archive-meta,
body.dark-mode .profile-hint {
    color: #94a3b8 !important;
}

body.dark-mode .form-control,
body.dark-mode .form-select,
body.dark-mode .input-group-text,
body.dark-mode .profile-input {
    background: #0f172a !important;
    border-color: #1f2a44 !important;
    color: #e5e7eb !important;
}

body.dark-mode .form-control::placeholder,
body.dark-mode .profile-input::placeholder {
    color: #6b7280 !important;
}

body.dark-mode .dropdown-menu {
    background: #0f172a !important;
    border-color: #1f2a44 !important;
}

body.dark-mode .dropdown-item {
    color: #e5e7eb !important;
}

body.dark-mode .dropdown-item:hover,
body.dark-mode .dropdown-item:focus {
    background: #111827 !important;
}

body.dark-mode .btn-light {
    background: #1f2937 !important;
    border-color: #1f2937 !important;
    color: #e5e7eb !important;
}

/* Logo swap: light theme uses .light-logo, dark theme uses .desktop-logo */
body.dark-mode .desktop-logo {
    display: block !important;
}

body.dark-mode .light-logo,
body.dark-mode .light-logo1 {
    display: none !important;
}

body.light-mode .desktop-logo {
    display: none !important;
}

body.light-mode .light-logo,
body.light-mode .light-logo1 {
    display: block !important;
}

/* Topbar profile dropdown header text */
body.dark-mode .profile-name {
    color: #e5e7eb !important;
}

body.dark-mode .profile-email {
    color: #94a3b8 !important;
}

/* Decks page dark adjustments */
body.dark-mode .decks-search .input-group,
body.dark-mode .decks-search .form-control,
body.dark-mode .decks-search .input-group .form-control,
body.dark-mode .decks-search .input-group .btn {
    background: #0f172a !important;
    border-color: #1f2a44 !important;
    color: #e5e7eb !important;
}

body.dark-mode .decks-search .search-icon {
    color: #94a3b8 !important;
}

body.dark-mode .decks-tabs {
    background: #1f2937 !important;
}

body.dark-mode .decks-tab {
    color: #cbd5f5 !important;
}

body.dark-mode .decks-tab.active {
    background: #111827 !important;
    color: #e5e7eb !important;
    box-shadow: none !important;
}

body.dark-mode .deck-card {
    background: #111827 !important;
    border-color: #1f2a44 !important;
    color: #e5e7eb !important;
}

body.dark-mode .deck-title {
    color: #e5e7eb !important;
}

body.dark-mode .deck-info {
    color: #94a3b8 !important;
}

body.dark-mode .deck-badge {
    background: #1f2937 !important;
    color: #e5e7eb !important;
}

body.dark-mode .deck-action-secondary {
    background: #0f172a !important;
    border-color: #1f2a44 !important;
    color: #cbd5f5 !important;
}

body.dark-mode .share-modal .modal-content,
body.dark-mode .share-modal .modal-header,
body.dark-mode .share-modal .modal-body {
    background: #0f172a !important;
    border-color: #1f2a44 !important;
    color: #e5e7eb !important;
}

body.dark-mode .share-modal .modal-title {
    color: #e5e7eb !important;
}

body.dark-mode .share-modal .premium-card {
    background: #1f2937 !important;
    border-color: #3b2f63 !important;
    color: #c4b5fd !important;
}

body.dark-mode .share-modal .btn-cancel {
    background: #111827 !important;
    border-color: #1f2a44 !important;
    color: #e5e7eb !important;
}

/* Statistics page dark adjustments */
body.dark-mode .stats-hero {
    background: linear-gradient(135deg, #1e3a8a, #4c1d95) !important;
}

body.dark-mode .stats-hero p,
body.dark-mode .stats-hero .stats-hero-select,
body.dark-mode .stats-hero .btn-light {
    color: #e5e7eb !important;
}

body.dark-mode .stats-hero-select {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

body.dark-mode .stats-summary .summary-card {
    background: #111827 !important;
    border-color: #1f2a44 !important;
}

body.dark-mode .summary-blue,
body.dark-mode .summary-purple,
body.dark-mode .summary-orange,
body.dark-mode .summary-green {
    background: #111827 !important;
    border-color: #1f2a44 !important;
}

body.dark-mode .stats-tabs {
    background: #1f2937 !important;
}

body.dark-mode .stats-tabs .nav-link {
    color: #cbd5f5 !important;
}

body.dark-mode .stats-tabs .nav-link.active {
    background: #111827 !important;
    color: #e5e7eb !important;
    box-shadow: none !important;
}

body.dark-mode .stats-card,
body.dark-mode .ranking-card,
body.dark-mode .list-card,
body.dark-mode .stat-card {
    background: #111827 !important;
    border-color: #1f2a44 !important;
    color: #e5e7eb !important;
}

body.dark-mode .list-card .item {
    border-bottom-color: #1f2a44 !important;
}

body.dark-mode .password-rules {
    background: #0f172a !important;
    border-color: #1f2a44 !important;
    color: #cbd5f5 !important;
}

body.dark-mode .scroll-container::-webkit-scrollbar-track {
    background: #1f2937 !important;
}

body.dark-mode .month-column {
    border-color: #1f2a44 !important;
    background: #0f172a !important;
}

body.dark-mode .month-header {
    background: #111827 !important;
    border-bottom-color: #1f2a44 !important;
    color: #e5e7eb !important;
}

body.dark-mode .day-box {
    background-color: #1f2937 !important;
    border-color: #1f2a44 !important;
    color: #e5e7eb !important;
}

body.dark-mode .day-box.empty {
    background-color: transparent !important;
    border-color: transparent !important;
}

/* Archive page dark adjustments */
body.dark-mode .archive-hero {
    background: linear-gradient(135deg, #1e3a8a, #4c1d95) !important;
}

body.dark-mode .archive-search .form-control,
body.dark-mode .archive-search .input-group,
body.dark-mode .archive-search .btn-search,
body.dark-mode .archive-filter {
    background: #0f172a !important;
    border-color: #1f2a44 !important;
    color: #e5e7eb !important;
}

body.dark-mode .archive-toggle {
    background: #111827 !important;
    border-color: #1f2a44 !important;
    color: #e5e7eb !important;
}

body.dark-mode .archive-card {
    background: #111827 !important;
    border-color: #1f2a44 !important;
    color: #e5e7eb !important;
}

body.dark-mode .archive-icon {
    background: #1f2937 !important;
    color: #c4b5fd !important;
}

body.dark-mode .archive-meta {
    color: #94a3b8 !important;
}

body.dark-mode .archive-alert {
    background: #1f2a44 !important;
    border-color: #2a3a5c !important;
    color: #e5e7eb !important;
}

body.dark-mode .archive-empty {
    color: #94a3b8 !important;
}

/* Account page dark adjustments */
body.dark-mode .account-card,
body.dark-mode .support-card,
body.dark-mode .plan-card,
body.dark-mode .plan-card.recommended {
    background: #111827 !important;
    border-color: #1f2a44 !important;
    color: #e5e7eb !important;
}

body.dark-mode .plan-card.recommended {
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.4) !important;
}

body.dark-mode .plan-icon {
    background: #1f2937 !important;
    color: #c4b5fd !important;
}

body.dark-mode .plan-icon.premium {
    background: #7c3aed !important;
    color: #ffffff !important;
}

body.dark-mode .plan-price,
body.dark-mode .plan-price .currency,
body.dark-mode .plan-price .value {
    color: #e5e7eb !important;
}

body.dark-mode .plan-price .cents,
body.dark-mode .plan-price small {
    color: #94a3b8 !important;
}

body.dark-mode .plan-features {
    color: #e5e7eb !important;
}

body.dark-mode .plan-badge {
    background: #1f2937 !important;
    color: #e5e7eb !important;
}

body.dark-mode .plan-badge.recommended {
    background: #7c3aed !important;
    color: #ffffff !important;
}

body.dark-mode .table-payments,
body.dark-mode .table-payments th,
body.dark-mode .table-payments td,
body.dark-mode .table-payments thead {
    background: transparent !important;
    color: #e5e7eb !important;
    border-color: #1f2a44 !important;
}

body.dark-mode .table-payments .table-light {
    background: #0f172a !important;
}

body.dark-mode .account-label,
body.dark-mode .account-value,
body.dark-mode .section-title,
body.dark-mode .section-subtitle,
body.dark-mode .support-card .text-muted,
body.dark-mode .support-card .fw-semibold {
    color: #e5e7eb !important;
}

body.dark-mode .support-card .text-muted {
    color: #94a3b8 !important;
}

body.dark-mode .btn-outline-primary,
body.dark-mode .btn-outline-secondary {
    color: #e5e7eb !important;
    border-color: #1f2a44 !important;
}

body.dark-mode .summary-card .value{
    color: #e5e7eb !important;
}
