/* =============================================== */
/* == Dark Mode Styles == */
/* =============================================== */

/* متغيرات الوضع الليلي */
body.dark-mode {
    --primary-color: #5c6bc0;
    --primary-dark: #3f51b5;
    --primary-light: #7986cb;
    
    --text-primary: #e0e0e0;
    --text-secondary: #b0b0b0;
    --text-muted: #a0a0a0; /* تفتيح النص الباهت قليلاً للوضوح */
    --text-light: #707070;
    
    --bg-primary: #1a1a1a;
    --bg-secondary: #242424;
    --bg-tertiary: #2e2e2e;
    --bg-gradient: linear-gradient(135deg, #1a1a1a 0%, #242424 100%);
    
    --border-color: rgba(255, 255, 255, 0.1);
    --border-light: #2e2e2e;
    
    --shadow-sm: 0 2px 4px rgba(0,0,0,0.3);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.4);
    --shadow-lg: 0 8px 24px rgba(0,0,0,0.5);
}

/* تطبيق الألوان على العناصر الرئيسية */
body.dark-mode {
    background: var(--bg-gradient);
    color: var(--text-primary);
}

/* الهيدر */
body.dark-mode .main-header {
    background: var(--bg-secondary);
    border-bottom-color: var(--border-color);
}

/* البطاقات */
body.dark-mode .product-card,
body.dark-mode .form-container,
body.dark-mode .section-block,
body.dark-mode .cart-table,
body.dark-mode .profile-container,
body.dark-mode .settings-card {
    background: var(--bg-secondary) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary);
}

/* حقول الإدخال */
body.dark-mode input[type="text"],
body.dark-mode input[type="email"],
body.dark-mode input[type="password"],
body.dark-mode input[type="tel"],
body.dark-mode input[type="search"],
body.dark-mode input[type="number"],
body.dark-mode select,
body.dark-mode textarea {
    background: var(--bg-tertiary) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}

body.dark-mode input::placeholder,
body.dark-mode textarea::placeholder {
    color: var(--text-muted) !important;
}

/* الفوتر */
body.dark-mode footer {
    background: #0d0d0d;
    border-top: 1px solid var(--border-color);
}

/* القائمة الجانبية */
body.dark-mode .category-sidebar {
    background-color: rgba(26, 26, 26, 0.95);
    backdrop-filter: blur(10px);
    border-color: var(--border-color);
}

body.dark-mode .category-sidebar ul li a {
    color: var(--text-primary);
}

body.dark-mode .category-sidebar ul li a:hover {
    background-color: rgba(92, 107, 192, 0.2);
}

/* الجداول */
body.dark-mode .cart-table thead {
    background-color: var(--primary-color) !important;
}

body.dark-mode .cart-table td {
    border-bottom-color: var(--border-color) !important;
}

/* شريط البحث */
body.dark-mode .header-search-container {
    background: var(--bg-tertiary);
    border-color: var(--border-color);
}

body.dark-mode .header-search-container select {
    background: var(--bg-secondary);
    color: var(--text-primary);
}

body.dark-mode .header-search-container input {
    background: transparent;
    color: var(--text-primary);
}

/* الروابط */
body.dark-mode .nav-link {
    background: linear-gradient(135deg, rgba(36, 36, 36, 0.95) 0%, rgba(46, 46, 46, 0.9) 100%);
    border-color: rgba(92, 107, 192, 0.3);
    color: var(--text-primary);
}

body.dark-mode .nav-link:hover {
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-light) 100%);
    color: #ffffff;
}

/* Breadcrumb */
body.dark-mode .breadcrumb {
    background: linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-tertiary) 100%);
    border-color: var(--border-color);
}

body.dark-mode .breadcrumb-item {
    color: var(--primary-light);
}

/* رسائل الحالة */
body.dark-mode .success-message {
    background: #1b5e20 !important;
    color: #a5d6a7 !important;
}

body.dark-mode .error-message,
body.dark-mode .error-message-login {
    background: #b71c1c !important;
    color: #ef9a9a !important;
}

/* القوائم المنسدلة */
body.dark-mode .user-dropdown-menu {
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-color);
}

body.dark-mode .user-dropdown-menu a:hover {
    background-color: var(--bg-tertiary) !important;
}

/* الإعلانات */
body.dark-mode .main-page-carousel {
    background: var(--bg-secondary);
}

/* العناوين */
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6 {
    color: var(--text-primary) !important;
}

/* تحسين التباين للنصوص */
body.dark-mode .text-primary {
    color: var(--text-primary) !important;
}

body.dark-mode .text-secondary {
    color: var(--text-secondary) !important;
}

body.dark-mode .text-muted {
    color: var(--text-muted) !important;
}

/* الأزرار - الحفاظ على ألوانها الأصلية */
body.dark-mode .btn-primary,
body.dark-mode .login-button,
body.dark-mode .btn-login {
    /* تبقى كما هي */
}

body.dark-mode .btn-success,
body.dark-mode .register-button,
body.dark-mode .btn-register,
body.dark-mode .btn-add-to-cart {
    /* تبقى كما هي */
}

/* تحسين الظلال في الوضع الليلي */
body.dark-mode .product-card:hover {
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.5), 0 0 15px rgba(92, 107, 192, 0.15);
    border-color: rgba(92, 107, 192, 0.4) !important;
    transform: translateY(-8px);
}

/* الأيقونات */
body.dark-mode .category-icon svg,
body.dark-mode .section-block-title svg {
    color: var(--primary-light);
}

/* تحسين الصور */
body.dark-mode img {
    filter: brightness(0.85) contrast(1.1); /* تقليل سطوع الصور لتناسب العين */
}

body.dark-mode img:hover {
    opacity: 1;
}

/* Modal */
body.dark-mode .modal-content .form-container {
    background: var(--bg-secondary) !important;
}

body.dark-mode .modal-overlay {
    background-color: rgba(0, 0, 0, 0.85);
}

/* Header Bottom */
body.dark-mode .header-bottom {
    background-color: var(--bg-secondary);
    border-top-color: var(--border-color);
    border-bottom-color: var(--border-color);
}

/* Category Menu Button */
body.dark-mode .category-menu-btn {
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
}

/* Stock Info */
body.dark-mode .stock-item {
    background: linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-tertiary) 100%);
    border-color: var(--border-color);
}

/* Overlay */
body.dark-mode #overlay {
    background-color: rgba(0, 0, 0, 0.7);
}

/* تحسين التباين للعناصر التفاعلية */
body.dark-mode .btn-view-product,
body.dark-mode .btn-view-more {
    border-color: var(--primary-light);
    color: var(--primary-light);
}

body.dark-mode .btn-view-product:hover,
body.dark-mode .btn-view-more:hover {
    background: var(--primary-color);
    color: #ffffff;
}

/* Gender Options */
body.dark-mode .gender-item label {
    background-color: var(--bg-tertiary) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}

body.dark-mode .gender-item input[type="radio"]:checked + label {
    background: linear-gradient(135deg, rgba(92, 107, 192, 0.2) 0%, rgba(92, 107, 192, 0.1) 100%) !important;
}

/* Birthdate Selects */
body.dark-mode .birthdate-selects select {
    background-color: var(--bg-tertiary);
    color: var(--text-primary);
    border-color: var(--border-color);
}

/* انتقال سلس */
body,
.main-header,
.product-card,
.form-container,
input,
select,
textarea,
.nav-link,
.category-sidebar {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}