/*
 * ===================================================
 * QAEngine - RTL Overrides for Mobile Header
 * ===================================================
 * این کدها عناصر موجود در qaengine/mobile/header.php
 * و qaengine/mobile/css/main.css را راست‌چین می‌کنند.
 */

html[dir="rtl"] {

    /*
     * === هدر اصلی موبایل ===
     */
    
    /* انتقال دکمه منوی همبرگری (که در چپ بود) به راست */
    header .menu-btn {
        left: auto;
        right: 0;
    }
    
    /* انتقال دکمه ارسال سوال (مثبت) (که در راست بود) به چپ */
    header .post-question-btn {
        right: auto;
        left: 0;
    }

    /*
     * === منوی کشویی موبایل (menu-push) ===
     */
    
    /* شناور کردن آواتار کاربر (که در چپ بود) به راست */
    section.menu-push .author-avatar {
        float: right;
    }
    
    /* تنظیم مارجین اطلاعات کاربر (که در راست آواتار بود) به چپ آواتار */
    /* و راست‌چین کردن متن داخل آن */
    section.menu-push .author-info {
        margin-left: 0;
        margin-right: 85px; /* این مقدار باید با margin-left در حالت LTR یکی باشد */
        text-align: right;
    }
    
    /* شناور کردن آیکون چرخ‌دنده تنظیمات (که در راست بود) به چپ */
    section.menu-push .author-info .setting-author {
        float: left;
    }
    
    /* راست‌چین کردن متن تمام آیتم‌های منو */
    .list-categories li a {
        text-align: right;
    }
    
    /* برعکس کردن موقعیت آیکون‌ها در منوی اصلی (ناوبری) */
    ul.list-menus li a i {
        margin-right: 0;
        margin-left: 10px; /* این مقدار باید با margin-right در حالت LTR یکی باشد */
    }
    
    /* برعکس کردن موقعیت آیکون در دکمه "List Categories" */
    .toggle-list-categories i {
        margin-right: 0;
        margin-left: 10px; /* این مقدار باید با margin-right در حالت LTR یکی باشد */
    }

}