/**
 * Dark Mode Styles
 * Primary color (#38BDF8)保持不变 - آبی آسمانی
 */

/* Dark mode variables - فقط رنگ‌های پس‌زمینه و متن تغییر می‌کنند، آبی ثابت می‌ماند */
body.dark-mode {
    --primary-color: #38BDF8;
    /* ثابت - آبی آسمانی */
    --primary-dark: #0EA5E9;
    /* ثابت - آبی تیره‌تر */
    --secondary-color: #9CA3AF;
    --success-color: #10B981;
    /* ثابت - سبز */
    --danger-color: #EF4444;
    /* ثابت - قرمز */
    --warning-color: #F59E0B;
    /* ثابت - نارنجی */
    --dark-color: #F3F4F6;
    --light-color: #1F2937;
    --gray-color: #6B7280;
    --white: #111827;
    --black: #FFFFFF;
    --border-color: #374151;
    --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.5);
}

/* Base dark mode styles */
body.dark-mode {
    background-color: #111827;
    color: #F3F4F6;
}

/* Header */
body.dark-mode .header {
    background-color: #1F2937;
    border-bottom: 1px solid #374151;
}

body.dark-mode .site-name {
    color: #F3F4F6;
}

body.dark-mode .nav-link {
    color: #9CA3AF;
}

body.dark-mode .nav-link:hover,
body.dark-mode .nav-link.active {
    color: var(--primary-color);
    /* آبی آسمانی */
}

body.dark-mode .nav-link.active::after {
    background-color: var(--primary-color);
    /* آبی آسمانی */
}

/* Cards */
body.dark-mode .feature-card,
body.dark-mode .project-card,
body.dark-mode .order-card,
body.dark-mode .message-card,
body.dark-mode .dashboard-sidebar,
body.dark-mode .admin-sidebar,
body.dark-mode .dashboard-content,
body.dark-mode .admin-content,
body.dark-mode .stat-card,
body.dark-mode .settings-section {
    background-color: #1F2937;
    border-color: #374151;
}

/* Buttons - Primary */
body.dark-mode .btn-primary {
    background-color: var(--primary-color);
    /* آبی آسمانی */
    color: #111827;
}

body.dark-mode .btn-primary:hover {
    background-color: var(--primary-dark);
    /* آبی تیره‌تر */
    color: #111827;
}

/* Buttons - Outline */
body.dark-mode .btn-outline {
    border: 2px solid var(--primary-color);
    /* آبی آسمانی */
    color: var(--primary-color);
    /* آبی آسمانی */
}

body.dark-mode .btn-outline:hover {
    background-color: var(--primary-color);
    /* آبی آسمانی */
    color: #111827;
}

/* Buttons - Danger */
body.dark-mode .btn-danger {
    background-color: var(--danger-color);
    /* قرمز ثابت */
    color: #FFFFFF;
}

body.dark-mode .btn-danger:hover {
    background-color: #DC2626;
}

/* Forms */
body.dark-mode input,
body.dark-mode select,
body.dark-mode textarea {
    background-color: #111827;
    border-color: #374151;
    color: #F3F4F6;
}

body.dark-mode input:focus,
body.dark-mode select:focus,
body.dark-mode textarea:focus {
    border-color: var(--primary-color);
    /* آبی آسمانی */
    box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.2);
    /* آبی آسمانی با شفافیت */
}

body.dark-mode .form-group label {
    color: #F3F4F6;
}

body.dark-mode .form-group small {
    color: #9CA3AF;
}

/* Tables */
body.dark-mode .admin-table th {
    background-color: #111827;
    color: #F3F4F6;
}

body.dark-mode .admin-table td {
    border-bottom-color: #374151;
}

body.dark-mode .admin-table tr:hover {
    background-color: #2D3748;
}

/* Footer */
body.dark-mode .footer {
    background-color: #0F172A;
    border-top: 1px solid #374151;
}

body.dark-mode .footer-section h4 {
    color: #F3F4F6;
}

body.dark-mode .footer-section p,
body.dark-mode .footer-section ul a,
body.dark-mode .contact-info li,
body.dark-mode .footer-bottom p {
    color: #9CA3AF;
}

body.dark-mode .footer-section ul a:hover {
    color: var(--primary-color);
    /* آبی آسمانی */
}

/* Stats - اصلاح شده برای آیکون‌ها */
body.dark-mode .stat-card {
    background-color: #1F2937;
}

body.dark-mode .stat-icon {
    background-color: var(--primary-color);
    /* آبی آسمانی */
    color: #111827;
    /* متن تیره برای کنتراست بهتر */
}

body.dark-mode .stat-icon i {
    color: #111827;
    /* آیکون‌ها تیره شوند تا در پس‌زمینه آبی مشخص باشند */
}

body.dark-mode .stat-value {
    color: #F3F4F6;
}

body.dark-mode .stat-label {
    color: #9CA3AF;
}

/* Activities */
body.dark-mode .activity-item {
    background-color: #111827;
}

body.dark-mode .activity-icon {
    background-color: #2D3748;
    /* کمی روشن‌تر برای تمایز */
    color: var(--primary-color);
    /* آبی آسمانی */
}

body.dark-mode .activity-icon i {
    color: var(--primary-color);
    /* آیکون‌ها آبی بمانند */
}

/* Notifications */
body.dark-mode .notification-card {
    background-color: #111827;
}

body.dark-mode .notification-card.unread {
    background-color: #1E3A5F;
    border-right: 3px solid var(--primary-color);
    /* آبی آسمانی */
}

body.dark-mode .notification-icon {
    background-color: #2D3748;
    /* کمی روشن‌تر */
    color: var(--primary-color);
    /* آبی آسمانی */
}

body.dark-mode .notification-icon i {
    color: var(--primary-color);
    /* آیکون‌ها آبی بمانند */
}

/* Messages */
body.dark-mode .message-card {
    border-color: #374151;
    background-color: #1F2937;
}

body.dark-mode .message-card.unread {
    background-color: #1E3A5F;
    border-color: var(--primary-color);
    /* آبی آسمانی */
}

body.dark-mode .message-reply {
    background-color: #111827;
    border-right: 3px solid var(--primary-color);
    /* آبی آسمانی */
}

body.dark-mode .message-header {
    border-bottom-color: #374151;
}

body.dark-mode .message-date {
    color: #9CA3AF;
}

/* Modal */
body.dark-mode .modal-content {
    background-color: #1F2937;
    border-color: #374151;
}

body.dark-mode .modal-header {
    border-bottom-color: #374151;
}

body.dark-mode .close {
    color: #9CA3AF;
}

body.dark-mode .close:hover {
    color: var(--danger-color);
    /* قرمز ثابت */
}

/* Badges */
body.dark-mode .badge-primary {
    background-color: var(--primary-color);
    /* آبی آسمانی */
    color: #111827;
}

body.dark-mode .badge-success {
    background-color: var(--success-color);
    /* سبز ثابت */
    color: #111827;
}

body.dark-mode .badge-warning {
    background-color: var(--warning-color);
    /* نارنجی ثابت */
    color: #111827;
}

body.dark-mode .badge-danger {
    background-color: var(--danger-color);
    /* قرمز ثابت */
    color: #FFFFFF;
}

/* Status colors */
body.dark-mode .status-pending {
    background-color: #92400E;
    color: #FEF3C7;
}

body.dark-mode .status-approved,
body.dark-mode .status-completed {
    background-color: #065F46;
    color: #D1FAE5;
}

body.dark-mode .status-in_progress {
    background-color: #1E40AF;
    color: #DBEAFE;
}

body.dark-mode .status-cancelled {
    background-color: #991B1B;
    color: #FEE2E2;
}

/* Links */
body.dark-mode a {
    color: var(--primary-color);
    /* آبی آسمانی */
}

body.dark-mode a:hover {
    color: var(--primary-dark);
    /* آبی تیره‌تر */
}

/* Theme toggle button */
body.dark-mode .theme-toggle {
    color: #F3F4F6;
}

body.dark-mode .theme-toggle:hover {
    color: var(--primary-color);
    /* آبی آسمانی */
}

/* Hero section - گرادیانت با آبی آسمانی */
body.dark-mode .hero {
    background: linear-gradient(135deg, #1E3A8A 0%, var(--primary-color) 100%);
}

/* CTA section */
body.dark-mode .cta {
    background: linear-gradient(135deg, #1E3A8A 0%, var(--primary-color) 100%);
}

/* User info */
body.dark-mode .user-info {
    background: linear-gradient(135deg, #1E3A8A 0%, var(--primary-color) 100%);
}

body.dark-mode .user-info h3,
body.dark-mode .user-info p {
    color: #FFFFFF;
}

/* Tags */
body.dark-mode .tag {
    background-color: #374151;
    color: #F3F4F6;
}

/* Search box */
body.dark-mode .search-box input {
    background-color: #111827;
    border-color: #374151;
    color: #F3F4F6;
}

body.dark-mode .search-box i {
    color: #9CA3AF;
}

/* Filters */
body.dark-mode .filters select,
body.dark-mode .filters input {
    background-color: #111827;
    border-color: #374151;
    color: #F3F4F6;
}

/* Admin menu */
body.dark-mode .admin-menu li.active {
    background-color: #2D3748;
    border-right: 3px solid var(--primary-color);
    /* آبی آسمانی */
}

body.dark-mode .admin-menu a {
    color: #9CA3AF;
}

body.dark-mode .admin-menu a:hover {
    background-color: #2D3748;
    color: var(--primary-color);
    /* آبی آسمانی */
}

body.dark-mode .admin-menu li.active a {
    color: var(--primary-color);
    /* آبی آسمانی */
}

/* Dashboard menu */
body.dark-mode .dashboard-menu li.active {
    background-color: #2D3748;
    border-right: 3px solid var(--primary-color);
    /* آبی آسمانی */
}

body.dark-mode .dashboard-menu a {
    color: #9CA3AF;
}

body.dark-mode .dashboard-menu a:hover {
    background-color: #2D3748;
    color: var(--primary-color);
    /* آبی آسمانی */
}

body.dark-mode .dashboard-menu li.active a {
    color: var(--primary-color);
    /* آبی آسمانی */
}

/* Settings */
body.dark-mode .current-image {
    background-color: #111827;
}

body.dark-mode .settings-section h3 {
    border-bottom-color: #374151;
    color: #F3F4F6;
}

/* Pagination */
body.dark-mode .pagination .btn-outline {
    border-color: #374151;
    color: #F3F4F6;
}

body.dark-mode .pagination .btn-outline:hover {
    background-color: #374151;
    color: var(--primary-color);
    /* آبی آسمانی */
}

body.dark-mode .pagination .btn-primary {
    background-color: var(--primary-color);
    /* آبی آسمانی */
    color: #111827;
}

/* Scrollbar */
body.dark-mode ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

body.dark-mode ::-webkit-scrollbar-track {
    background: #1F2937;
}

body.dark-mode ::-webkit-scrollbar-thumb {
    background: #4B5563;
    border-radius: 5px;
}

body.dark-mode ::-webkit-scrollbar-thumb:hover {
    background: var(--primary-color);
    /* آبی آسمانی */
}

/* Mobile menu */
@media (max-width: 768px) {
    body.dark-mode .nav-menu {
        background-color: #1F2937;
        border-left: 1px solid #374151;
    }
}

/* Loading states */
body.dark-mode .loading {
    background-color: rgba(0, 0, 0, 0.7);
}

body.dark-mode .loading-spinner {
    border-color: #374151;
    border-top-color: var(--primary-color);
    /* آبی آسمانی */
}

/* Alert boxes */
body.dark-mode .alert-success {
    background-color: #065F46;
    color: #D1FAE5;
    border-color: #10B981;
}

body.dark-mode .alert-danger {
    background-color: #991B1B;
    color: #FEE2E2;
    border-color: #EF4444;
}

body.dark-mode .alert-warning {
    background-color: #92400E;
    color: #FEF3C7;
    border-color: #F59E0B;
}

body.dark-mode .alert-info {
    background-color: #1E40AF;
    color: #DBEAFE;
    border-color: #3B82F6;
}

/* Progress bars */
body.dark-mode .progress-bar {
    background-color: #374151;
}

body.dark-mode .progress-bar-fill {
    background-color: var(--primary-color);
    /* آبی آسمانی */
}

/* Tabs */
body.dark-mode .tab {
    border-bottom-color: #374151;
}

body.dark-mode .tab a {
    color: #9CA3AF;
}

body.dark-mode .tab a.active {
    color: var(--primary-color);
    /* آبی آسمانی */
    border-bottom-color: var(--primary-color);
    /* آبی آسمانی */
}

/* Dropdowns */
body.dark-mode .dropdown-content {
    background-color: #1F2937;
    border-color: #374151;
}

body.dark-mode .dropdown-content a {
    color: #F3F4F6;
}

body.dark-mode .dropdown-content a:hover {
    background-color: #2D3748;
    color: var(--primary-color);
    /* آبی آسمانی */
}

/* Tooltips */
body.dark-mode .tooltip {
    background-color: #1F2937;
    color: #F3F4F6;
    border-color: #374151;
}

/* Cards hover effects */
body.dark-mode .feature-card:hover,
body.dark-mode .project-card:hover {
    box-shadow: 0 10px 15px -3px rgba(56, 189, 248, 0.2);
    /* سایه آبی آسمانی */
}

/* Icons with primary color - اصلاح شده */
body.dark-mode .feature-icon,
body.dark-mode .contact-info i {
    color: var(--primary-color);
    /* آبی آسمانی */
}

/* Stats icons - اصلاح شده */
body.dark-mode .stat-icon i {
    color: #111827;
    /* آیکون‌های آماری تیره شوند */
}

/* Activity icons - اصلاح شده */
body.dark-mode .activity-icon i {
    color: var(--primary-color);
    /* آیکون‌های فعالیت آبی بمانند */
}

/* Notification icons - اصلاح شده */
body.dark-mode .notification-icon i {
    color: var(--primary-color);
    /* آیکون‌های نوتیفیکیشن آبی بمانند */
}

/* Footer social icons */
body.dark-mode .social-links a {
    background-color: rgba(255, 255, 255, 0.1);
    color: #F3F4F6;
}

body.dark-mode .social-links a:hover {
    background-color: var(--primary-color);
    /* آبی آسمانی */
    color: #111827;
    transform: translateY(-3px);
}

/* Status select */
body.dark-mode .status-select {
    background-color: #111827;
    border-color: #374151;
    color: #F3F4F6;
}

body.dark-mode .status-select:hover {
    border-color: var(--primary-color);
    /* آبی آسمانی */
}

/* Role select */
body.dark-mode .role-select {
    background-color: #111827;
    border-color: #374151;
    color: #F3F4F6;
}

body.dark-mode .role-select:hover {
    border-color: var(--primary-color);
    /* آبی آسمانی */
}

/* File inputs */
body.dark-mode input[type="file"] {
    color: #F3F4F6;
}

body.dark-mode input[type="file"]::-webkit-file-upload-button {
    background-color: var(--primary-color);
    /* آبی آسمانی */
    color: #111827;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    cursor: pointer;
}

body.dark-mode input[type="file"]::-webkit-file-upload-button:hover {
    background-color: var(--primary-dark);
    /* آبی تیره‌تر */
}

/* Admin dashboard specific fixes */
body.dark-mode .admin-content .stat-card .stat-icon i {
    color: #111827;
    /* آیکون‌های آماری در پنل ادمین */
}

body.dark-mode .dashboard-content .stat-card .stat-icon i {
    color: #111827;
    /* آیکون‌های آماری در پنل کاربری */
}