/* =======================================================
   الوظيفة: تخصيص لوحة تحكم البائع Dokan
   البيئة: Dokan Vendor Dashboard - RTL Full Customization
   سبب الإنشاء: تحسين كامل لتوافق RTL، دعم الهوية البصرية لمكنون ستار، ودعم الجوال
   تاريخ الإنشاء: 2025-06-15
======================================================= */

/* ✅ الخط العام واتجاه RTL */
.dokan-dashboard {
    font-family: 'Tajawal', sans-serif;
    direction: rtl;
    text-align: right;
}


/* 🎨 الشريط الجانبي */
.dokan-dashboard .dokan-dash-sidebar {
    background-color: transparent;
    padding: 0;
}

/* ✅ عناصر الشريط الجانبي الرئيسية */
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu > li {
    background-color: #174450 !important;
    margin-bottom: 6px;
    border-radius: 8px;
    position: relative;
}

.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu > li > a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 15px;
    font-weight: bold;
    font-size: 16px;
    color: #ffffff !important;
    background: none !important;
    transition: all 0.3s ease;
    border-bottom: 1px solid #7ECBB6 !important;
}

.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu > li:hover > a,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu > li.active > a,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu > li:last-child > a:hover {
    background-color: #7ECBB6 !important;
    color: #174450 !important;
}

/* ✅ القوائم الفرعية */
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu ul {
    position: absolute;
    right: 100%;
    top: 0;
    background-color: #145c5c;
    min-width: 170px;
    border-radius: 0 6px 6px 0;
    z-index: 999;
    padding: 0;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
    display: none;
}

.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li:hover > ul {
    display: block !important;
}

.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu ul li a {
    padding: 10px 15px;
    font-size: 14px;
    background-color: #145c5c !important;
    color: #ffffff !important;
    border-bottom: 1px solid #7ECBB6;
    transition: all 0.3s ease;
}

.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu ul li a:hover {
    background-color: #7ECBB6 !important;
    color: #174450 !important;
}

/* 🧩 دعم الجوال */
@media (max-width: 768px) {
    .dokan-dashboard .dokan-dash-sidebar li a {
        font-size: 13px !important;
    }
}

/* 🔒 إخفاء رسائل الخطأ */
.dokan-dashboard .dokan-error {
    display: none !important;
}

/* 🔘 زر إعداد المتجر */
.dokan-dashboard .dokan-dashboard-content .dokan-w6 button {
    background-color: #7ECBB6 !important;
    color: #174450 !important;
    font-weight: bold;
}

/* 🧾 العناوين الداخلية */
.dokan-dashboard h2, .dokan-dashboard h3,
.dokan-dashboard-content h2, .dokan-dashboard-content h3,
.dokan-dashboard-content .dokan-panel-heading,
.dokan-dashboard-content .dokan-section-heading {
    font-weight: bold;
    color: #174450 !important;
    border-bottom: 2px solid #7ECBB6 !important;
    padding-bottom: 8px;
    margin-bottom: 15px;
}

/* 📦 الكروت وصناديق الإحصائيات */
.dokan-dashboard .dokan-card,
.dokan-dashboard .dokan-panel,
.dokan-dashboard-content .dokan-report-wrap,
.dokan-dashboard-content .dokan-panel,
.dokan-dashboard-content .dokan-widget,
.dokan-dashboard-content .dokan-summary,
.dokan-dashboard .dokan-dashboard-content .dokan-w6,
.dokan-dashboard .dokan-dashboard-content .dokan-w8 {
    background-color: #ffffff !important;
    border: 1px solid #e4f4ef !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 10px rgba(23, 68, 80, 0.06) !important;
    padding: 20px !important;
    margin-bottom: 20px !important;
}

/* 🧩 الحقول */
.dokan-dashboard-content input[type="text"],
.dokan-dashboard-content input[type="email"],
.dokan-dashboard-content input[type="tel"],
.dokan-dashboard-content input[type="number"],
.dokan-dashboard-content input[type="password"],
.dokan-dashboard-content select,
.dokan-dashboard-content textarea {
    border: 1px solid #e4f4ef !important;
    border-radius: 4px !important;
    padding: 8px 12px !important;
    transition: border-color 0.3s ease !important;
    font-family: 'Tajawal', sans-serif;
}

.dokan-dashboard-content input:focus,
.dokan-dashboard-content select:focus,
.dokan-dashboard-content textarea:focus {
    border-color: #7ECBB6 !important;
    box-shadow: 0 0 0 2px rgba(126, 203, 182, 0.2) !important;
    outline: none !important;
}

/* 🔘 الأزرار */
.dokan-dashboard .dokan-btn,
.dokan-dashboard button,
.dokan-dashboard input[type="submit"],
.dokan-dashboard-content .dokan-btn,
.dokan-dashboard-content .dokan-btn-theme,
.dokan-dashboard-content button,
.dokan-dashboard-content input[type="submit"],
.dokan-dashboard-content .button {
    background-color: #7ECBB6 !important;
    color: #174450 !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
    padding: 10px 20px !important;
    border: none !important;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 2px 5px rgba(126, 203, 182, 0.3) !important;
}

.dokan-dashboard .dokan-btn:hover,
.dokan-dashboard button:hover,
.dokan-dashboard input[type="submit"]:hover,
.dokan-dashboard-content .dokan-btn:hover,
.dokan-dashboard-content .dokan-btn-theme:hover,
.dokan-dashboard-content button:hover,
.dokan-dashboard-content input[type="submit"]:hover,
.dokan-dashboard-content .button:hover {
    background-color: #174450 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 10px rgba(23, 68, 80, 0.3) !important;
}

/* 📊 الجداول */
.dokan-dashboard table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background-color: #ffffff;
    border: 1px solid #e4f4ef;
    border-radius: 8px;
    overflow: hidden;
}

.dokan-dashboard table th {
    background-color: #7ECBB6;
    color: #174450;
    font-weight: bold;
    padding: 10px;
    border: none;
}

.dokan-dashboard table td {
    padding: 10px;
    border-top: 1px solid #e4f4ef;
    color: #333;
}

/* ✅ تحسين عرض الشريط الجانبي وقائمة الموبايل داخل لوحة تحكم البائع في الهاتف */
@media (max-width: 768px) {
  /* إخفاء شريط التنقل الجانبي المفتوح كـ قائمة منبثقة (تراكبية) */
  .dokan-dashboard .dokan-dash-sidebar {
    position: relative !important;
    z-index: 2 !important;
    background-color: #174450 !important;
  }

  /* منع تراكب القائمة على العناوين والمحتوى */
  .dokan-dashboard-content,
  .dokan-dashboard .dokan-dashboard-content {
    position: relative !important;
    z-index: 1 !important;
    padding-top: 20px !important;
  }

  /* تعديل القائمة المنبثقة لضمان عدم تغطية المحتوى */
  .dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu {
    position: static !important;
    background-color: #174450 !important;
    box-shadow: none !important;
    padding: 0 !important;
  }

  /* تأكد من ظهور كل عنصر في القائمة بشكل منفصل وواضح */
  .dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li {
    border-bottom: 1px solid #7ECBB6 !important;
    margin-bottom: 0 !important;
  }

  /* تصغير حجم العناصر قليلاً للهاتف */
  .dokan-dashboard .dokan-dash-sidebar li a {
    padding: 10px 12px !important;
    font-size: 14px !important;
  }

  /* إخفاء الحواف الزائدة في أسفل الشريط الجانبي */
  .dokan-dashboard .dokan-dash-sidebar::after {
    display: none;
  }

  /* إصلاح شريط الفئات العلوي داخل صفحة الداشبورد فقط */
  body.page-template-dashboard .site-header .horizontal-menu {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
    max-width: 100vw !important;
  }

  /* إزالة الهوامش الزائدة من الأعلى داخل صفحة البائع */
  .dokan-dashboard .dokan-dashboard-content h2,
  .dokan-dashboard .dokan-dashboard-content .entry-title {
    margin-top: 20px !important;
  }

  /* تأكيد الترتيب داخل إطار العرض دون تراكب */
  html, body, .site, .dokan-dashboard {
    overflow-x: hidden !important;
  }
}

@media (max-width: 768px) {
  /* تقليل عرض القائمة المنبثقة في الهاتف */
  .dokan-dashboard .dokan-dash-sidebar {
    width: 220px !important;
    max-width: 80% !important;
    right: 0 !important;
    left: auto !important;
  }

  /* ضبط موضع زر القائمة بحيث لا يختفي */
  .dokan-dashboard .dokan-menu-toggle {
    z-index: 10001 !important;
  }

  /* منع تغطية المحتوى */
  .dokan-dashboard .dokan-dashboard-content {
    margin-right: 0 !important;
  }
}