/* ==========================================================================
   💥 الحل النهائي والأعنف لتثبيت القائمة الجانبية والأقسام الفرعية - دار أمواج
   ========================================================================== */

/* الحاوية الرئيسية */
.amwaj-books-sidebar {
    background: #ffffff !important;
    border-radius: 12px !important;
    padding: 25px 20px !important;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.05) !important;
    direction: rtl !important;
    border: 1px solid #f1f5f9 !important;
    margin-bottom: 30px !important;
    
    /* 👇 تفعيل الفليكس العمودي للحاوية لمنع أي عنصر من الطيران للخارج */
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}

/* تنظيف كلي لعنوان الموديول */
.amwaj-books-sidebar h3.mod-title,
.amwaj-books-sidebar h3,
.amwaj-books-sidebar .page-header {
    font-family: 'Cairo', sans-serif !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    color: #392751 !important;
    margin: 0 0 10px 0 !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid #cda45e !important;
    text-align: right !important;
    width: 100% !important;
}

/* 🎯 تدمير أي كروت طائرة: إجبار كل الـ divs والـ uls الداخلية على الانضباط */
.amwaj-books-sidebar div,
.amwaj-books-sidebar ul, 
.amwaj-books-sidebar li,
.amwaj-books-sidebar .djcat-categories-list,
.amwaj-books-sidebar .djcat-categories,
.amwaj-books-sidebar .djcat-subcategories {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    float: none !important;
    clear: both !important;
    display: block !important;
    width: 100% !important; /* إجبار العرض الكامل داخل الحاوية */
    box-shadow: none !important; /* قشر أي كارت أو ظل فرعي طالع بالغلط */
    border: none !important;
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* روابط الأقسام (سواء رئيسية أو فرعية مبدئياً) */
.amwaj-books-sidebar a {
    font-family: 'Cairo', sans-serif !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    color: #475569 !important;
    display: flex !important;
    align-items: center !important;
    padding: 12px 10px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    text-align: right !important;
    border-bottom: 1px solid #f1f5f9 !important;
    width: 100% !important;
}

/* إضافة السهم الافتراضي */
.amwaj-books-sidebar a::before {
    content: "◀" !important;
    font-size: 10px !important;
    color: #392751 !important;
    margin-left: 10px !important;
    display: inline-block !important;
}

/* --------------------------------------------------------------------------
   🎯 مسك الأقسام الفرعية المنبثقة وإجبارها على التنسيق الشجري الداخلي
   -------------------------------------------------------------------------- */

/* إذا كان الموديول بضيف كلاس subcategories أو child أو بقوم بعمل nested قائمة */
.amwaj-books-sidebar li ul,
.amwaj-books-sidebar .djcat-subcategories,
.amwaj-books-sidebar .child-list,
.amwaj-books-sidebar ul li div {
    background: #f8fafc !important; /* خلفية رمادية خفيفة لتمييز الفرعي */
    border-radius: 8px !important;
    padding: 5px 15px 5px 5px !important; /* إزاحة لليمن عشان الشجرية */
    margin: 5px 0 10px 0 !important;
    width: calc(100% - 15px) !important; /* موازنة العرض بعد الإزاحة */
}

/* ضبط روابط الأقسام الفرعية بالداخل */
.amwaj-books-sidebar li ul a,
.amwaj-books-sidebar .djcat-subcategories a,
.amwaj-books-sidebar .child-list a {
    font-size: 14px !important;
    color: #64748b !important;
    border-bottom: 1px dashed #e2e8f0 !important;
}

.amwaj-books-sidebar li ul a::before,
.amwaj-books-sidebar .djcat-subcategories a::before,
.amwaj-books-sidebar .child-list a::before {
    content: "▫" !important;
    color: #cda45e !important;
}

/* إلغاء الخط السفلي لآخر عنصر فرعي */
.amwaj-books-sidebar li ul li:last-child a,
.amwaj-books-sidebar .djcat-subcategories a:last-child {
    border-bottom: none !important;
}

/* زر ارجع للقائمة إذا ظهر */
.amwaj-books-sidebar .djcat-back-to-list,
.amwaj-books-sidebar .back-to-items,
.amwaj-books-sidebar a[class*="back"] {
    background: #392751 !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    padding: 8px 12px !important;
    border-radius: 6px !important;
    margin-bottom: 10px !important;
    justify-content: center !important;
}
.amwaj-books-sidebar a[class*="back"]::before { content: "" !important; }

/* تأثيرات الـ Hover */
.amwaj-books-sidebar a:hover {
    color: #cda45e !important;
    padding-right: 15px !important;
}

/* عداد الأرقام */
.amwaj-books-sidebar .badge,
.amwaj-books-sidebar .djcat-count,
.amwaj-books-sidebar .count {
    background: #392751 !important;
    color: #ffffff !important;
    font-size: 11px !important;
    padding: 2px 8px !important;
    border-radius: 20px !important;
    margin-right: auto !important; /* دفع الرقم لأقصى اليسار */
    margin-left: 0 !important;
}