/* ============================================================
   نظام الوضع الداكن - Dark Mode System
   موقع: أسامة للعسل والمكسرات
   
   الغرض: تنسيقات شاملة للوضع الداكن لجميع صفحات الموقع
   الاستخدام: يتم تحميله بعد design-tokens.css
   
   اللون الأساسي: بني غامق (#1a1510) بدلاً من الأسود النقي
   يتناسب مع هوية موقع العسل والمكسرات
   ============================================================ */

/* ============================================================
   0. خلفية الصفحة الأساسية - Base Page Background
   أهم تنسيق: يغير لون الصفحة بالكامل
   ============================================================ */

/* تطبيق الخلفية الداكنة على html و body معاً */
:root[data-theme="dark"] html {
    background: #121010 !important;
}

:root[data-theme="dark"] body {
    background: linear-gradient(180deg, #121010 0%, #1a1510 100%) !important;
    background-color: #121010 !important;
    color: #f0e6dc !important;
    min-height: 100vh;
}

/* ============================================================
   1. زر التبديل البارز - Prominent Toggle Button
   Desktop: في الهيدر الرئيسي
   ============================================================ */

.theme-toggle-btn {
    position: relative;
    background: linear-gradient(135deg, var(--primary) 0%, #e06c0a 100%) !important;
    border: none !important;
    border-radius: var(--radius-full);
    padding: 10px 14px;
    cursor: pointer;
    transition: all 0.3s ease;
    color: #fff !important;
    font-size: 1.1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 45px;
    height: 45px;
    box-shadow: 0 4px 15px rgba(242, 129, 35, 0.4);
}

.theme-toggle-btn:hover {
    background: linear-gradient(135deg, #1a1510 0%, #2a2015 100%) !important;
    color: var(--primary) !important;
    transform: scale(1.08);
    box-shadow: 0 6px 20px rgba(26, 21, 16, 0.5);
}

.theme-toggle-btn:active {
    transform: scale(0.95);
}

/* في الوضع الداكن: عكس الألوان */
:root[data-theme="dark"] .theme-toggle-btn {
    background: linear-gradient(135deg, #1a1510 0%, #2a2015 100%) !important;
    color: var(--primary) !important;
    border: 2px solid var(--primary) !important;
    box-shadow: 0 4px 15px rgba(26, 21, 16, 0.6);
}

:root[data-theme="dark"] .theme-toggle-btn:hover {
    background: linear-gradient(135deg, var(--primary) 0%, #e06c0a 100%) !important;
    color: #fff !important;
    box-shadow: 0 6px 20px rgba(242, 129, 35, 0.5);
}

/* ============================================================
   2. زر التبديل في الموبايل - Mobile Toggle Button
   في الوضع الفاتح: نفس تصميم السلة تماماً
   في الوضع الداكن: يتغير للون البني الغامق
   ============================================================ */

/* الوضع الفاتح: نفس تصميم بقية الأزرار (مثل السلة) */
.mobile-top-btn.theme-toggle {
    margin-left: 8px;
    transition: all 0.3s ease;
}

/* الوضع الداكن فقط: تغيير التصميم */
:root[data-theme="dark"] .mobile-top-btn.theme-toggle {
    background: linear-gradient(135deg, #1a1510 0%, #2a2015 100%) !important;
    color: var(--primary) !important;
    border: 2px solid var(--primary) !important;
    box-shadow: 0 2px 8px rgba(26, 21, 16, 0.5);
}

:root[data-theme="dark"] .mobile-top-btn.theme-toggle:hover,
:root[data-theme="dark"] .mobile-top-btn.theme-toggle:active {
    background: linear-gradient(135deg, var(--primary) 0%, #e06c0a 100%) !important;
    color: #fff !important;
    border-color: var(--primary) !important;
}

/* إخفاء/إظهار الأيقونات */
.theme-toggle-btn .fa-sun,
.mobile-top-btn.theme-toggle .fa-sun {
    display: none;
}

:root[data-theme="dark"] .theme-toggle-btn .fa-moon,
:root[data-theme="dark"] .mobile-top-btn.theme-toggle .fa-moon {
    display: none;
}

:root[data-theme="dark"] .theme-toggle-btn .fa-sun,
:root[data-theme="dark"] .mobile-top-btn.theme-toggle .fa-sun {
    display: inline-block;
}

/* ============================================================
   3. إصلاح ألوان العناوين - Fix Heading Colors
   جميع العناوين تظهر بوضوح في الوضع الداكن
   ============================================================ */

:root[data-theme="dark"] h1,
:root[data-theme="dark"] h2,
:root[data-theme="dark"] h3,
:root[data-theme="dark"] h4,
:root[data-theme="dark"] h5,
:root[data-theme="dark"] h6 {
    color: #f0e6dc !important;
}

:root[data-theme="dark"] .section-title h2,
:root[data-theme="dark"] .section-title h3 {
    color: #f0e6dc !important;
}

:root[data-theme="dark"] .single-product-item h3,
:root[data-theme="dark"] .single-product-item .product-title {
    color: #f0e6dc !important;
}

:root[data-theme="dark"] .client-meta h3,
:root[data-theme="dark"] .client-meta h4 {
    color: #f0e6dc !important;
}

/* النص الثانوي والوصف */
:root[data-theme="dark"] p,
:root[data-theme="dark"] .product-description,
:root[data-theme="dark"] .section-subtitle {
    color: #c5bdb5 !important;
}

/* ============================================================
   4. تحسين بطاقات المنتجات - Enhanced Product Cards
   لون رمادي بني + ظل برتقالي
   ============================================================ */

:root[data-theme="dark"] .single-product-item {
    background: linear-gradient(145deg, #2a2520 0%, #1e1a16 100%) !important;
    border: 1px solid rgba(242, 129, 35, 0.15) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3),
        0 0 15px rgba(242, 129, 35, 0.08);
    transition: all 0.4s ease;
}

:root[data-theme="dark"] .single-product-item:hover {
    transform: translateY(-10px);
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.4),
        0 0 25px rgba(242, 129, 35, 0.2);
    border-color: rgba(242, 129, 35, 0.3) !important;
}

/* خلفية صورة المنتج */
:root[data-theme="dark"] .single-product-item .product-image {
    background: linear-gradient(145deg, #252015 0%, #1a1510 100%) !important;
}

/* ظل أقوى في الموبايل */
@media (max-width: 767px) {
    :root[data-theme="dark"] .single-product-item {
        margin-bottom: 30px !important;
        /* مسافة كافية بين المنتجات في الوضع الداكن */
        box-shadow: 0 5px 25px rgba(0, 0, 0, 0.4),
            0 0 15px rgba(242, 129, 35, 0.15) !important;
    }

    :root[data-theme="dark"] .single-product-item:active {
        transform: scale(0.97);
        /* تأثير تفاعلي عند الضغط في الوضع الداكن */
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
    }
}

/* ============================================================
   5. تحسين البطاقات الأخرى - Other Cards Enhancement
   ============================================================ */

:root[data-theme="dark"] .card,
:root[data-theme="dark"] .product-card {
    background: linear-gradient(145deg, #2a2520 0%, #1e1a16 100%) !important;
    border-color: rgba(242, 129, 35, 0.15) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

:root[data-theme="dark"] .single-testimonial-card,
:root[data-theme="dark"] .single-testimonial-slider {
    background: linear-gradient(145deg, #2a2520 0%, #1e1a16 100%) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3),
        0 0 15px rgba(242, 129, 35, 0.08);
}

/* ============================================================
   6. تحسين الإدخالات والحقول - Enhanced Form Inputs
   ============================================================ */

:root[data-theme="dark"] input,
:root[data-theme="dark"] textarea,
:root[data-theme="dark"] select {
    background: linear-gradient(145deg, #2a2520 0%, #1e1a16 100%) !important;
    color: #f0e6dc !important;
    border: 1px solid rgba(242, 129, 35, 0.2) !important;
}

:root[data-theme="dark"] input:focus,
:root[data-theme="dark"] textarea:focus,
:root[data-theme="dark"] select:focus {
    border-color: var(--primary) !important;
    box-shadow: 0 0 10px rgba(242, 129, 35, 0.3);
}

:root[data-theme="dark"] input::placeholder,
:root[data-theme="dark"] textarea::placeholder {
    color: #8a7f75 !important;
}

/* ============================================================
   7. تحسين الجداول - Enhanced Tables
   ============================================================ */

:root[data-theme="dark"] table {
    background: linear-gradient(145deg, #2a2520 0%, #1e1a16 100%) !important;
    color: #f0e6dc !important;
}

:root[data-theme="dark"] table thead {
    background: linear-gradient(135deg, #1a1510 0%, #252015 100%) !important;
}

:root[data-theme="dark"] table th {
    color: var(--primary) !important;
}

:root[data-theme="dark"] table tbody tr {
    border-color: rgba(242, 129, 35, 0.1) !important;
}

:root[data-theme="dark"] table tbody tr:hover {
    background: rgba(242, 129, 35, 0.1) !important;
}

/* ============================================================
   8. تحسين الأقسام والخلفيات - Section Backgrounds
   شامل: من نحن، التصنيفات، المنتجات، الأخبار
   ============================================================ */

/* الأقسام الرئيسية */
:root[data-theme="dark"] .testimonail-section,
:root[data-theme="dark"] .product-section,
:root[data-theme="dark"] .latest-news {
    background: linear-gradient(180deg, #121010 0%, #1a1510 50%, #121010 100%) !important;
    box-shadow: 0 -4px 25px rgba(0, 0, 0, 0.4),
        0 0 15px rgba(242, 129, 35, 0.08);
}

:root[data-theme="dark"] .hero-section,
:root[data-theme="dark"] .breadcrumb-section {
    background: linear-gradient(135deg, #1a1510 0%, #0d0a08 100%) !important;
}

/* ============================================================
   تنسيقات إضافية لضمان الخلفية الداكنة - Additional Dark Background
   ============================================================ */

/* تطبيق الخلفية الداكنة على جميع الحاويات الرئيسية */
:root[data-theme="dark"] main,
:root[data-theme="dark"] .main-content,
:root[data-theme="dark"] .page-wrapper,
:root[data-theme="dark"] #next-section {
    background: #121010 !important;
    background-color: #121010 !important;
}

/* تأكيد الخلفية الداكنة لقسم المنتجات */
:root[data-theme="dark"] .product-section {
    background: linear-gradient(180deg, #121010 0%, #1a1510 50%, #121010 100%) !important;
    background-color: #121010 !important;
}

/* الحاويات العامة */
:root[data-theme="dark"] .container,
:root[data-theme="dark"] .container-fluid {
    background: transparent !important;
}

/* ============================================================
   قسم من نحن - About Section (Dark Mode)
   ============================================================ */

:root[data-theme="dark"] .about-section {
    background: linear-gradient(135deg, #1a1510 0%, #121010 100%) !important;
}

:root[data-theme="dark"] .about-section::before,
:root[data-theme="dark"] .about-section::after {
    background: radial-gradient(circle, rgba(242, 129, 35, 0.15) 0%, transparent 70%) !important;
}

:root[data-theme="dark"] .about-content {
    color: #f0e6dc;
}

:root[data-theme="dark"] .about-title {
    color: #f0e6dc !important;
}

:root[data-theme="dark"] .about-description {
    color: #c5bdb5 !important;
}

:root[data-theme="dark"] .about-brand-name {
    color: var(--primary) !important;
}

:root[data-theme="dark"] .about-feature-item {
    background: linear-gradient(145deg, #2a2520 0%, #1e1a16 100%) !important;
    border: 1px solid rgba(242, 129, 35, 0.2) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

:root[data-theme="dark"] .about-feature-item h4,
:root[data-theme="dark"] .about-feature-item span {
    color: #f0e6dc !important;
}

/* ============================================================
   فلاتر التصنيفات - Product Filters (Dark Mode)
   ============================================================ */

:root[data-theme="dark"] .product-filters {
    background: rgba(26, 21, 16, 0.95) !important;
    border: none !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
}


/* زر الكل في الوضع الداكن */
:root[data-theme="dark"] .product-filters ul li.filter-all-btn {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color: #1a1510 !important;
    /* لون داكن للوضوح فوق البرتقالي */
    box-shadow: 0 4px 15px rgba(242, 129, 35, 0.4) !important;
}

:root[data-theme="dark"] .product-filters ul li.filter-all-btn:hover {
    background-color: #ff9d50 !important;
    transform: translateY(-2px);
}

/* بقية الأقسام في الوضع الداكن */
:root[data-theme="dark"] .product-filters ul li.filter-cat-btn {
    background: #1e1a16 !important;
    color: #f0e6dc !important;
    border: 1px solid rgba(242, 129, 35, 0.3) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

:root[data-theme="dark"] .product-filters ul li.filter-cat-btn:hover,
:root[data-theme="dark"] .product-filters ul li.filter-cat-btn.active {
    border-color: var(--primary) !important;
    color: var(--primary) !important;
    background: rgba(242, 129, 35, 0.1) !important;
}

/* ============================================================
   صفحة التصنيفات والمنتجات - Category Page
   ============================================================ */

:root[data-theme="dark"] .single-product-pricing .price-value,
:root[data-theme="dark"] .product-price-wrapper .price-value {
    color: #000000 !important;
    /* أسود ليكون مميزاً فوق الخلفية البرتقالية */
}

:root[data-theme="dark"] .product-category-badge {
    background: linear-gradient(135deg, #2a2015 0%, #1a1510 100%) !important;
    color: var(--primary) !important;
    border: 2px solid var(--primary) !important;
    box-shadow: 0 2px 10px rgba(242, 129, 35, 0.3) !important;
}

/* pagination في الوضع الداكن */
:root[data-theme="dark"] .pagination-wrap ul li a,
:root[data-theme="dark"] .pagination-enhanced nav a,
:root[data-theme="dark"] .pagination-enhanced nav span {
    background: #1e1a16 !important;
    color: #f0e6dc !important;
    border-color: rgba(242, 129, 35, 0.3) !important;
}

:root[data-theme="dark"] .pagination-wrap ul li a:hover,
:root[data-theme="dark"] .pagination-enhanced nav a:hover,
:root[data-theme="dark"] .pagination-wrap ul li a.active,
:root[data-theme="dark"] .pagination-enhanced nav span[aria-current="page"] span {
    background: var(--primary) !important;
    color: #fff !important;
    border-color: var(--primary) !important;
}

/* ============================================================
   9. تحسين الفوتر - Enhanced Footer
   ============================================================ */

:root[data-theme="dark"] .footer-area,
:root[data-theme="dark"] footer {
    background: linear-gradient(180deg, #1a1510 0%, #0d0a08 100%) !important;
}

:root[data-theme="dark"] .footer-area h4,
:root[data-theme="dark"] footer h4 {
    color: var(--primary) !important;
}

/* ============================================================
   10. تحسين الروابط والأزرار - Links & Buttons
   ============================================================ */

:root[data-theme="dark"] a {
    color: #d4c4b5;
}

:root[data-theme="dark"] a:hover {
    color: var(--primary);
}

:root[data-theme="dark"] .btn-primary {
    background: linear-gradient(135deg, var(--primary) 0%, #e06c0a 100%);
    border: none;
}

:root[data-theme="dark"] .btn-outline-primary {
    border-color: var(--primary);
    color: var(--primary);
}

:root[data-theme="dark"] .btn-outline-primary:hover {
    background: var(--primary);
    color: #fff;
}

/* ============================================================
   11. تحسين شريط التنقل - Navigation Enhancement
   الهيدر يبقى بلونه الأصلي في كلا الوضعين (لا تغيير)
   ============================================================ */

/* ألوان النص فقط - الخلفية تبقى كما هي */
:root[data-theme="dark"] .main-menu ul li a {
    color: #fff !important;
}

:root[data-theme="dark"] .main-menu ul li a:hover,
:root[data-theme="dark"] .main-menu ul li.current-list-item a {
    color: #8B4513 !important;
    /* بني غامق مميز للتمييز */
    text-shadow: 0 0 8px rgba(139, 69, 19, 0.5);
}

/* ============================================================
   12. تحسين شريط الموبايل العلوي - Mobile Top Bar
   الخلفية تبقى كما هي - فقط ألوان النص
   ============================================================ */

:root[data-theme="dark"] .mobile-top-btn {
    color: #fff;
}

:root[data-theme="dark"] .mobile-brand-name {
    color: #f0e6dc;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}


:root[data-theme="dark"] .sidebar-menu {
    background: linear-gradient(180deg, #1a1510 0%, #0d0a08 100%) !important;
}

/* تنسيقات الأقسام في الوضع الداكن */
:root[data-theme="dark"] .sidebar-section {
    border-bottom-color: rgba(242, 129, 35, 0.08);
}

:root[data-theme="dark"] .sidebar-section-title {
    color: rgba(240, 230, 220, 0.5);
}

/* قسم الإدارة في الوضع الداكن */
:root[data-theme="dark"] .sidebar-admin-section {
    background: linear-gradient(135deg, rgba(242, 129, 35, 0.12) 0%, rgba(242, 129, 35, 0.04) 100%);
    border-color: rgba(242, 129, 35, 0.25);
}

:root[data-theme="dark"] .sidebar-admin-section .admin-nav li a {
    background: rgba(13, 10, 8, 0.6);
    border-color: rgba(242, 129, 35, 0.15);
}

/* روابط القائمة في الوضع الداكن */
:root[data-theme="dark"] .sidebar-nav li a {
    color: #f0e6dc;
}

:root[data-theme="dark"] .sidebar-nav li a:hover {
    background: rgba(242, 129, 35, 0.15);
}

:root[data-theme="dark"] .sidebar-nav li.active a {
    background: linear-gradient(135deg, rgba(242, 129, 35, 0.25) 0%, rgba(242, 129, 35, 0.12) 100%);
}

/* قسم الإعدادات في الوضع الداكن */
:root[data-theme="dark"] .sidebar-settings {
    border-top-color: rgba(242, 129, 35, 0.1);
    background: linear-gradient(180deg, transparent 0%, rgba(13, 10, 8, 0.7) 100%);
}

:root[data-theme="dark"] .sidebar-lang-btn,
:root[data-theme="dark"] .sidebar-theme-btn {
    background: linear-gradient(135deg, rgba(42, 37, 32, 0.8) 0%, rgba(26, 21, 16, 0.9) 100%);
    border-color: rgba(242, 129, 35, 0.15);
    color: #f0e6dc;
}

:root[data-theme="dark"] .sidebar-lang-btn:hover,
:root[data-theme="dark"] .sidebar-theme-btn:hover {
    background: linear-gradient(135deg, rgba(242, 129, 35, 0.2) 0%, rgba(242, 129, 35, 0.08) 100%);
    border-color: rgba(242, 129, 35, 0.4);
}



/* ============================================================
   13. تحسين صفحة البحث - Search Results (Dark Mode)
   ============================================================ */

/* خلفية صفحة البحث */
:root[data-theme="dark"] .breadcrumb-section {
    background: linear-gradient(135deg, #1a1510 0%, #0d0a08 100%) !important;
}

:root[data-theme="dark"] .breadcrumb-text p {
    color: #c5bdb5 !important;
}

:root[data-theme="dark"] .breadcrumb-text h1 {
    color: #f0e6dc !important;
}

/* شريط معلومات البحث */
:root[data-theme="dark"] .search-info-bar {
    background: linear-gradient(135deg, #2a2520 0%, #1e1a16 100%) !important;
    border: 1px solid rgba(242, 129, 35, 0.15) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
}

:root[data-theme="dark"] .search-query {
    color: #c5bdb5 !important;
}

:root[data-theme="dark"] .search-query strong {
    color: #f0e6dc !important;
}

:root[data-theme="dark"] .search-query i {
    color: var(--primary) !important;
}

/* رسالة عدم وجود نتائج */
:root[data-theme="dark"] .no-results-container {
    background: linear-gradient(145deg, #2a2520 0%, #1e1a16 100%);
    border-radius: 15px;
    padding: 80px 20px !important;
}

:root[data-theme="dark"] .no-results-container h3 {
    color: #f0e6dc !important;
}

:root[data-theme="dark"] .no-results-container p {
    color: #c5bdb5 !important;
}

:root[data-theme="dark"] .no-results-icon {
    color: #3d342c !important;
}

/* أزرار في صفحة البحث */
:root[data-theme="dark"] .no-results-actions .cart-btn {
    background: linear-gradient(135deg, var(--primary) 0%, #e06c0a 100%) !important;
}

/* عناوين المنتجات في نتائج البحث */
:root[data-theme="dark"] .product-title {
    color: #f0e6dc !important;
}

:root[data-theme="dark"] .product-description {
    color: #c5bdb5 !important;
}

/* ============================================================
   14. تحسين صفحة العربة - Cart Page (Dark Mode)
   ============================================================ */

:root[data-theme="dark"] .cart-table-wrap {
    background: transparent !important;
}

:root[data-theme="dark"] .cart-table {
    border-color: rgba(242, 129, 35, 0.1) !important;
}

:root[data-theme="dark"] .cart-table-head {
    background: linear-gradient(135deg, #1a1510 0%, #252015 100%) !important;
}

:root[data-theme="dark"] .cart-table-head th {
    color: var(--primary) !important;
    border-color: rgba(242, 129, 35, 0.15) !important;
}

:root[data-theme="dark"] .table-body-row {
    background: linear-gradient(145deg, #2a2520 0%, #1e1a16 100%) !important;
    border-color: rgba(242, 129, 35, 0.1) !important;
}

:root[data-theme="dark"] .table-body-row td {
    color: #f0e6dc !important;
    border-color: rgba(242, 129, 35, 0.05) !important;
}

:root[data-theme="dark"] .product-name a {
    color: #f0e6dc !important;
}

:root[data-theme="dark"] .product-name a:hover {
    color: var(--primary) !important;
}

/* ملخص الطلب في العربة */
:root[data-theme="dark"] .total-section {
    background: linear-gradient(145deg, #2a2520 0%, #1e1a16 100%) !important;
    border: 1px solid rgba(242, 129, 35, 0.2) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3) !important;
}

:root[data-theme="dark"] .total-title {
    color: var(--primary) !important;
    border-bottom-color: rgba(242, 129, 35, 0.1) !important;
}

:root[data-theme="dark"] .total-row span {
    color: #f0e6dc !important;
}

:root[data-theme="dark"] .total-row.grand-total span {
    color: var(--primary) !important;
}

/* بطاقات الموبايل في العربة */
:root[data-theme="dark"] .cart-mobile-card {
    background: linear-gradient(145deg, #2a2520 0%, #1e1a16 100%) !important;
    border: 1px solid rgba(242, 129, 35, 0.15) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
}

:root[data-theme="dark"] .cart-mobile-card .card-info h4 {
    color: #f0e6dc !important;
}

:root[data-theme="dark"] .card-footer {
    border-top-color: rgba(242, 129, 35, 0.1) !important;
}

/* أزرار الكمية */
:root[data-theme="dark"] .qty-btn {
    background: #1a1510 !important;
    color: var(--primary) !important;
    border-color: rgba(242, 129, 35, 0.3) !important;
}

:root[data-theme="dark"] .quantity-input {
    background: #0d0a08 !important;
    color: #f0e6dc !important;
    border-color: rgba(242, 129, 35, 0.2) !important;
}

/* ============================================================
   15. صفحة إتمام الطلب - Checkout Page (Dark Mode)
   ============================================================ */

:root[data-theme="dark"] .checkout-section {
    background: linear-gradient(180deg, #121010 0%, #1a1510 100%) !important;
}

:root[data-theme="dark"] .checkout-page-title h2 {
    color: #f0e6dc !important;
}

:root[data-theme="dark"] .checkout-page-title p {
    color: #c5bdb5 !important;
}

:root[data-theme="dark"] .checkout-card {
    background: linear-gradient(145deg, #2a2520 0%, #1e1a16 100%) !important;
    border: 1px solid rgba(242, 129, 35, 0.15) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3) !important;
}

:root[data-theme="dark"] .checkout-card-header {
    background: linear-gradient(135deg, #1a1510 0%, #252015 100%) !important;
    border-bottom-color: rgba(242, 129, 35, 0.1) !important;
}

:root[data-theme="dark"] .checkout-card-header h3 {
    color: var(--primary) !important;
}

:root[data-theme="dark"] .checkout-input {
    background: linear-gradient(145deg, #1e1a16 0%, #151210 100%) !important;
    color: #f0e6dc !important;
    border: 1px solid rgba(242, 129, 35, 0.2) !important;
}

:root[data-theme="dark"] .checkout-input:focus {
    border-color: var(--primary) !important;
    box-shadow: 0 0 10px rgba(242, 129, 35, 0.3) !important;
}

:root[data-theme="dark"] .checkout-form-group label {
    color: #c5bdb5 !important;
}

:root[data-theme="dark"] .summary-item {
    background: rgba(26, 21, 16, 0.5) !important;
    border-color: rgba(242, 129, 35, 0.1) !important;
}

:root[data-theme="dark"] .summary-item-name {
    color: #f0e6dc !important;
}

:root[data-theme="dark"] .summary-item-qty {
    color: #8a7f75 !important;
}

:root[data-theme="dark"] .order-totals {
    border-top-color: rgba(242, 129, 35, 0.1) !important;
}

:root[data-theme="dark"] .order-totals .total-row span {
    color: #c5bdb5 !important;
}

:root[data-theme="dark"] .order-totals .grand-total span {
    color: var(--primary) !important;
}

/* خيارات الدفع */
:root[data-theme="dark"] .payment-option-label {
    background: linear-gradient(145deg, #1e1a16 0%, #151210 100%) !important;
    border-color: rgba(242, 129, 35, 0.15) !important;
}

:root[data-theme="dark"] .payment-option input:checked+.payment-option-label {
    border-color: var(--primary) !important;
    background: linear-gradient(145deg, #2a2520 0%, #1e1a16 100%) !important;
}

:root[data-theme="dark"] .payment-title {
    color: #f0e6dc !important;
}

:root[data-theme="dark"] .payment-desc {
    color: #8a7f75 !important;
}

:root[data-theme="dark"] .bank-accounts-info {
    background: linear-gradient(145deg, #1a1510 0%, #0d0a08 100%) !important;
    border-color: rgba(242, 129, 35, 0.2) !important;
}

:root[data-theme="dark"] .bank-account {
    background: rgba(42, 37, 32, 0.5) !important;
    border-color: rgba(242, 129, 35, 0.1) !important;
}

/* ============================================================
   16. صفحة الطلبات السابقة - Previous Orders (Dark Mode)
   ============================================================ */

:root[data-theme="dark"] .orders-section {
    background: linear-gradient(180deg, #121010 0%, #1a1510 100%) !important;
}

:root[data-theme="dark"] .orders-page-title h2 {
    color: #f0e6dc !important;
}

:root[data-theme="dark"] .orders-page-title p {
    color: #c5bdb5 !important;
}

:root[data-theme="dark"] .order-card {
    background: linear-gradient(145deg, #2a2520 0%, #1e1a16 100%) !important;
    border: 1px solid rgba(242, 129, 35, 0.15) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3) !important;
}

:root[data-theme="dark"] .order-card-header {
    background: linear-gradient(135deg, #1a1510 0%, #252015 100%) !important;
    border-bottom-color: rgba(242, 129, 35, 0.1) !important;
}

:root[data-theme="dark"] .order-number {
    color: var(--primary) !important;
}

:root[data-theme="dark"] .order-date {
    color: #8a7f75 !important;
}

:root[data-theme="dark"] .order-customer-info {
    background: rgba(26, 21, 16, 0.5) !important;
}

:root[data-theme="dark"] .customer-info-item span {
    color: #f0e6dc !important;
}

:root[data-theme="dark"] .customer-info-item i {
    color: var(--primary) !important;
}

:root[data-theme="dark"] .order-products-title {
    color: var(--primary) !important;
}

:root[data-theme="dark"] .order-product-item {
    background: rgba(26, 21, 16, 0.5) !important;
    border-color: rgba(242, 129, 35, 0.1) !important;
}

:root[data-theme="dark"] .order-product-name a {
    color: #f0e6dc !important;
}

:root[data-theme="dark"] .order-product-name a:hover {
    color: var(--primary) !important;
}

:root[data-theme="dark"] .order-product-qty {
    color: #8a7f75 !important;
}

:root[data-theme="dark"] .order-product-price {
    color: var(--primary) !important;
}

:root[data-theme="dark"] .order-note {
    background: rgba(139, 69, 19, 0.1) !important;
    border-color: rgba(242, 129, 35, 0.2) !important;
}

:root[data-theme="dark"] .order-total {
    background: linear-gradient(135deg, #1a1510 0%, #252015 100%) !important;
}

:root[data-theme="dark"] .order-total-label {
    color: #c5bdb5 !important;
}

:root[data-theme="dark"] .order-total-value {
    color: var(--primary) !important;
}

/* حالة عدم وجود طلبات */
:root[data-theme="dark"] .empty-orders {
    background: linear-gradient(145deg, #2a2520 0%, #1e1a16 100%) !important;
}

:root[data-theme="dark"] .empty-orders h3 {
    color: #f0e6dc !important;
}

:root[data-theme="dark"] .empty-orders p {
    color: #c5bdb5 !important;
}

/* ============================================================
   17. صفحة تفاصيل المنتج - Product Details Page (Dark Mode)
   ============================================================ */

/* القسم الرئيسي */
:root[data-theme="dark"] .single-product-section {
    background-color: linear-gradient(180deg, #121010 0%, #1a1510 100%) !important;
}

/* معرض الصور */
:root[data-theme="dark"] .main-product-image-wrap {
    background-color: #1e1a16 !important;
    border-color: rgba(242, 129, 35, 0.2) !important;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.4) !important;
}

:root[data-theme="dark"] .thumb-item {
    background-color: #1e1a16 !important;
    border-color: rgba(242, 129, 35, 0.2) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

:root[data-theme="dark"] .thumb-item.active,
:root[data-theme="dark"] .thumb-item:hover {
    border-color: var(--primary) !important;
}

/* تفاصيل المنتج */
:root[data-theme="dark"] .single-product-content-inner {
    background: linear-gradient(145deg, #2a2520 0%, #1e1a16 100%) !important;
}

:root[data-theme="dark"] .product-details-title {
    color: #f0e6dc !important;
}

:root[data-theme="dark"] .price-label {
    color: #c5bdb5 !important;
}

:root[data-theme="dark"] .product-details-description {
    border-top-color: rgba(242, 129, 35, 0.1) !important;
}

:root[data-theme="dark"] .product-details-description h5 {
    color: #f0e6dc !important;
}

:root[data-theme="dark"] .product-details-description p {
    color: #c5bdb5 !important;
}

:root[data-theme="dark"] .product-meta-extra p {
    color: #c5bdb5 !important;
}

/* قسم التقييم */
:root[data-theme="dark"] .product-rating-section {
    background: linear-gradient(145deg, #2a2520 0%, #1e1a16 100%) !important;
    border-color: rgba(242, 129, 35, 0.15) !important;
}

:root[data-theme="dark"] .rating-section-title {
    color: #f0e6dc !important;
}

:root[data-theme="dark"] .rating-big-number .number {
    color: var(--primary) !important;
}

:root[data-theme="dark"] .rating-big-number .out-of,
:root[data-theme="dark"] .total-reviews {
    color: #8a7f75 !important;
}

:root[data-theme="dark"] .rating-form-container {
    background: rgba(26, 21, 16, 0.5) !important;
    border-color: rgba(242, 129, 35, 0.1) !important;
}

:root[data-theme="dark"] .rating-form-title {
    color: #f0e6dc !important;
}

:root[data-theme="dark"] .rating-comment-input {
    background: linear-gradient(145deg, #1e1a16 0%, #151210 100%) !important;
    color: #f0e6dc !important;
    border-color: rgba(242, 129, 35, 0.2) !important;
}

:root[data-theme="dark"] .rating-comment-input::placeholder {
    color: #8a7f75 !important;
}

:root[data-theme="dark"] .login-to-rate {
    background: rgba(139, 69, 19, 0.1) !important;
}

:root[data-theme="dark"] .login-to-rate p {
    color: #c5bdb5 !important;
}

:root[data-theme="dark"] .login-to-rate a {
    color: var(--primary) !important;
}

/* قائمة التقييمات */
:root[data-theme="dark"] .ratings-list-title {
    color: #f0e6dc !important;
}

:root[data-theme="dark"] .rating-item {
    background: rgba(26, 21, 16, 0.5) !important;
    border-color: rgba(242, 129, 35, 0.1) !important;
}

:root[data-theme="dark"] .rating-user-name {
    color: #f0e6dc !important;
}

:root[data-theme="dark"] .rating-date {
    color: #8a7f75 !important;
}

:root[data-theme="dark"] .rating-comment-text {
    color: #c5bdb5 !important;
}

:root[data-theme="dark"] .no-ratings p {
    color: #c5bdb5 !important;
}

/* المنتجات ذات الصلة */
:root[data-theme="dark"] .related-products-wrapper {
    background: linear-gradient(180deg, #121010 0%, #1a1510 100%) !important;
}

:root[data-theme="dark"] .product-price-related {
    background: linear-gradient(135deg, #2a2015 0%, #1a1510 100%) !important;
    color: var(--primary) !important;
    border: 2px solid var(--primary) !important;
}

/* ============================================================
   18. لمسات نهائية - Final Touches
   ============================================================ */

/* Scrollbar للوضع الداكن */
:root[data-theme="dark"] ::-webkit-scrollbar {
    width: 10px;
}

:root[data-theme="dark"] ::-webkit-scrollbar-track {
    background: #1a1510;
}

:root[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, var(--primary) 0%, #e06c0a 100%);
    border-radius: 5px;
}


:root[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: #ff9d50;
}

/* Selection للوضع الداكن */
:root[data-theme="dark"] ::selection {
    background: var(--primary);
    color: #fff;
}

/* ============================================================
   صفحة تفاصيل المنتج - Product Details Page (Dark Mode)
   ============================================================ */

:root[data-theme="dark"] .single-product-section {
    background: linear-gradient(180deg, #121010 0%, #1a1510 50%, #121010 100%) !important;
    background-color: #121010 !important;
}

:root[data-theme="dark"] .related-products-wrapper {
    background: #121010 !important;
}

/* معرض الصور - الوضع الداكن */
:root[data-theme="dark"] .main-product-image-wrap {
    background-color: #2a2520 !important;
    border-color: rgba(242, 129, 35, 0.2) !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5) !important;
}

:root[data-theme="dark"] .thumb-item {
    background-color: #2a2520 !important;
    border-color: rgba(242, 129, 35, 0.2) !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4) !important;
}

:root[data-theme="dark"] .thumb-item:hover {
    border-color: #F28123 !important;
}

:root[data-theme="dark"] .thumb-item.active {
    border-color: #F28123 !important;
}

/* تفاصيل المنتج - الوضع الداكن */
:root[data-theme="dark"] .single-product-content-inner {
    background: linear-gradient(145deg, #2a2520 0%, #1e1a16 100%) !important;
    border: 1px solid rgba(242, 129, 35, 0.15);
    border-radius: 15px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
}

:root[data-theme="dark"] .product-details-title {
    color: #f0e6dc !important;
}

:root[data-theme="dark"] .price-label {
    color: #c5bdb5 !important;
}

:root[data-theme="dark"] .price-value {
    color: #F28123 !important;
}

:root[data-theme="dark"] .product-details-description {
    border-top-color: rgba(242, 129, 35, 0.2) !important;
}

:root[data-theme="dark"] .product-details-description h5 {
    color: #f0e6dc !important;
}

:root[data-theme="dark"] .product-details-description p {
    color: #c5bdb5 !important;
}

:root[data-theme="dark"] .product-meta-extra p {
    color: #c5bdb5 !important;
}

/* ============================================================
   تنسيق نافذة التصفية الجانبية - Filter Drawer (Dark Mode)
   ============================================================ */

:root[data-theme="dark"] .mobile-filter-drawer {
    background: #1a1510 !important;
    color: #f0e6dc !important;
    box-shadow: -5px 0 25px rgba(0, 0, 0, 0.5) !important;
}

:root[data-theme="dark"] .drawer-header {
    border-bottom-color: rgba(242, 129, 35, 0.15) !important;
}

:root[data-theme="dark"] .drawer-header h4 {
    color: var(--primary) !important;
}

:root[data-theme="dark"] .close-drawer {
    color: #f0e6dc !important;
}

:root[data-theme="dark"] .widget-title {
    color: var(--primary) !important;
    border-right-color: var(--primary) !important;
}

:root[data-theme="dark"] .custom-control-label {
    color: #c5bdb5 !important;
}

:root[data-theme="dark"] .mobile-filter-drawer .form-control {
    background: #2a2520 !important;
    border-color: rgba(242, 129, 35, 0.2) !important;
    color: #f0e6dc !important;
}

:root[data-theme="dark"] .mobile-filter-drawer .form-control:focus {
    border-color: var(--primary) !important;
    box-shadow: 0 0 10px rgba(242, 129, 35, 0.2) !important;
}

:root[data-theme="dark"] .drawer-body .btn-warning {
    background: linear-gradient(135deg, var(--primary) 0%, #e06c0a 100%) !important;
    border: none !important;
    color: #1a1510 !important;
    font-weight: 700;
}

:root[data-theme="dark"] .drawer-body .btn-outline-secondary {
    border-color: #3d342c !important;
    color: #8a7f75 !important;
}

:root[data-theme="dark"] .drawer-body .btn-outline-secondary:hover {
    background: #2a2520 !important;
    color: #f0e6dc !important;
}

/* زر العودة لجميع المنتجات في الوضع الداكن */
:root[data-theme="dark"] .filter-main-toggle {
    background: #1e1a16 !important;
    color: var(--primary) !important;
    border-color: var(--primary) !important;
}

:root[data-theme="dark"] .filter-main-toggle:hover {
    background: var(--primary) !important;
    color: #1a1510 !important;
}