/* إظهار الفلتر (السايدبار) في الجوال */
@media (max-width: 991.98px) {
    .meals-sidebar {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 20px;
        position: relative !important;
        float: none !important;
        visibility: visible !important;
    }

        .meals-sidebar .theiaStickySidebar {
            position: static !important;
            transform: none !important;
            top: auto !important;
        }
}
/* إظهار فلتر الأقسام في الجوال */
/* ========== الأساس (ديسكتوب وما فوق) ========== */
/* ========== ديسكتوب: يمين كما هو ========== */
#filtermain,
.widget-callapse {
    direction: rtl;
    text-align: right;
}

/* ========== موبايل: عرض كشبكة Grid بدل عمود واحد ========== */
@media (max-width: 991.98px) {

    /* الفلتر نفسه */
    #filtermain,
    .widget-callapse {
        display: block !important;
        visibility: visible !important;
        height: auto !important;
        overflow: visible !important;
        opacity: 1 !important;
        text-align: center; /* عنوان الفلتر فقط */
    }

        /* قائمة الفئات => GRID */
        #filtermain .catagory-menu {
            display: grid !important;
            grid-template-columns: repeat(2, 1fr); /* عمودين */
            gap: 6px; /* مسافة بين العناصر */
            padding: 0;
            margin: 5px 0;
            list-style: none;
        }

        /* عنصر كل فئة */
        #filtermain .checkbox-item {
            text-align: right; /* داخل الخانة RTL */
            background: #f7f7f7;
            border-radius: 8px;
            padding: 5px;
            border: 1px solid #ddd;
        }

        /* النص RTL والخانة كاملة */
        #filtermain .label {
            display: inline-block;
            direction: rtl;
            text-align: right;
            width: 100%;
            font-size: 14px;
        }
}
/* النصوص فقط RTL */
.checkout-page,
.checkout-page * {
    direction: rtl !important;
    text-align: right !important;
}
/* النصوص داخل محتويات السلة فقط RTL */
.cart-summary,
.cart-summary * {
    direction: rtl !important;
    text-align: right !important;
}

    /* حتى d-flex justify-content-between لا تعكس الاتجاه */
    .cart-summary .d-flex {
        flex-direction: row !important;
        justify-content: space-between !important;
    }

/* قسم بيانات التواصل RTL */
.contact-form,
.contact-form * {
    direction: rtl !important;
    text-align: right !important;
}

    /* لجعل Placeholder RTL أيضاً */
    .contact-form input::placeholder,
    .contact-form textarea::placeholder {
        text-align: right !important;
    }
/* جعل أسطر ملخص السلة RTL مع اللّيبل يمين */
.summary-line {
    direction: rtl; /* يخلي أول span (الليبل) على اليمين والثاني على اليسار */
    text-align: right; /* النص نفسه يمين */
}
/* تحريك الخط العمودي 15px لليمين */
.catagory-sidebar.all-catagory-option
ul.catagory-submenu.collapse.show::after {
    right: 15px; /* ← هذا هو المطلوب */
    left: auto;
}
.catagory-submenu {
    position: relative;
}
ul.catagory-submenu::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}
.catagory-sidebar.all-catagory-option
ul.catagory-submenu.collapse.show > li::before {
    right: 15px;
    left: auto;
}
.catagory-sidebar.all-catagory-option
ul.catagory-submenu.collapse.show::after {
    width: 1px;
    background-color: rgba(0,0,0,0.08);
}
/* 1️⃣ ضبط حاوية القائمة */
.catagory-sidebar.all-catagory-option
ul.catagory-submenu.collapse.show {
    padding-left: 0 !important; /* ❌ لا يسار */
    padding-right: 20px !important; /* ✅ مسافة للنص */
    position: relative;
}

    /* 2️⃣ تثبيت عناصر li */
    .catagory-sidebar.all-catagory-option
    ul.catagory-submenu.collapse.show > li {
        padding-right: 10px;
        padding-left: 0;
    }

    /* 3️⃣ تحريك الخط العمودي 15px يمين */
    .catagory-sidebar.all-catagory-option
    ul.catagory-submenu.collapse.show::after {
        right: 15px;
        left: auto;
    }
/* 1️⃣ ضبط ul */
.catagory-sidebar.all-catagory-option
ul.catagory-submenu.collapse.show {
    padding-left: 0 !important;
    padding-right: 20px !important;
    position: relative;
}

    /* 2️⃣ ضبط li */
    .catagory-sidebar.all-catagory-option
    ul.catagory-submenu.collapse.show > li {
        padding: 0 !important;
        margin: 0 !important;
    }

        /* 3️⃣ ضبط الرابط a (هذا المهم) */
        .catagory-sidebar.all-catagory-option
        ul.catagory-submenu.collapse.show > li > a {
            display: block;
            padding: 8px 10px 8px 10px !important; /* تحكم كامل */
            margin: 0 !important;
            text-align: right;
        }

    /* 4️⃣ تحريك الخط العمودي 15px يمين */
    .catagory-sidebar.all-catagory-option
    ul.catagory-submenu.collapse.show::after {
        right: 15px;
        left: auto;
    }