/* =========================================
   ۱. فونت و تنظیمات پایه
   ========================================= */
@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;700&display=swap');

body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, p, a, div, span, button, input, select, textarea {
    font-family: 'Vazirmatn', Tahoma, Arial, sans-serif !important;
}

body {
    direction: rtl;
    text-align: right;
}

/* اصلاح کلاس‌های کمکی بوت‌استرپ برای راست‌چین شدن اِلمان‌ها */
.text-left { text-align: right !important; }
.text-right { text-align: left !important; }
.float-left { float: right !important; }
.float-right { float: left !important; }
.ml-auto, .mx-auto { margin-right: auto !important; margin-left: 0 !important; }
.mr-auto, .mx-auto { margin-left: auto !important; margin-right: 0 !important; }

/* =========================================
   ۲. انتقال قطعی سایدبار به سمت راست
   ========================================= */
@media (min-width: 992px) {
    /* جابجایی ستون‌ها در تمام صفحات اصلی و ناحیه کاربری */
    section#main-body > .container > .row,
    .main-content > .container > .row {
        display: flex !important;
        flex-direction: row-reverse !important;
    }
    
    /* جلوگیری از به هم ریختن ردیف‌های داخلی فرم‌ها */
    section#main-body > .container > .row > div[class*="col-"] .row,
    .main-content > .container > .row > div[class*="col-"] .row {
        flex-direction: row !important;
    }
}

/* =========================================
   ۳. اصلاح منوی کناری (Sidebar)
   ========================================= */
/* راست‌چین کردن متن‌های داخل سایدبار */
.list-group-item, .panel-sidebar .panel-heading, .card-header {
    text-align: right !important;
}

/* تنظیم آیکون‌های سمت راست متن */
.list-group-item i[class*="fa-"],
.list-group-item i[class*="fas"],
.panel-sidebar i {
    margin-right: 0 !important;
    margin-left: 8px !important;
    float: right;
    margin-top: 4px;
}

/* انتقال بج‌ها (اعداد) و فلش‌های کشویی به سمت چپ */
.list-group-item .fa-chevron-up, 
.list-group-item .fa-chevron-down,
.list-group-item .badge {
    float: left !important;
    margin-left: 0;
    margin-right: 5px;
}

/* =========================================
   ۴. اصلاح کامل کادرهای آیکون‌دار و فرم‌ها
   ========================================= */
label.control-label, form label {
    display: block;
    text-align: right !important;
    margin-bottom: 7px;
}

.input-group {
    direction: rtl;
}

.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-prepend > .btn {
    border-radius: 0 .25rem .25rem 0 !important;
    border-right: 1px solid #ced4da;
    border-left: 0;
}

.input-group > .form-control:not(:first-child) {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important;
}

.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-append > .btn {
    border-radius: .25rem 0 0 .25rem !important;
    border-left: 1px solid #ced4da;
    border-right: 0;
}

.input-group > .form-control:not(:last-child) {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important;
}

/* =========================================
   ۵. اصلاحات منوی هدر و شماره موبایل
   ========================================= */
.iti {
    width: 100%;
    direction: ltr !important; 
}
.iti input {
    text-align: left !important;
    padding-right: 10px !important;
}

.navbar-nav { padding-right: 0; }
.navbar-nav .nav-item { margin-left: 10px; }
.dropdown-menu { text-align: right; left: auto !important; right: 0 !important; }
.dropdown-item { text-align: right; }