/* rtl.css - استایل‌های مخصوص راست‌چین و پشتیبانی فارسی */

/* تنظیم جهت کلی */
html,
body {
    direction: rtl;
    text-align: right;
}

/* اصلاح هدر برای RTL */
.app-header {
    direction: rtl;
}

.header-container {
    direction: rtl;
}

.header-back {
    transform: scaleX(-1); /* فلش به سمت راست */
}

/* اصلاح منوی کشویی */
.sidebar-panel {
    right: -300px;
    left: auto;
}

.sidebar-overlay.active .sidebar-panel {
    right: 0;
}

/* اصلاح مودال */
.app-modal-dialog {
    direction: rtl;
}

.app-modal-header {
    direction: rtl;
}

.app-modal-close {
    margin-left: 0;
    margin-right: auto;
}

/* اصلاح فرم‌ها */
.form-check {
    direction: rtl;
    text-align: right;
}

.form-check-input {
    margin-left: 0.5rem;
    margin-right: 0;
}

/* اصلاح دکمه‌های inline */
.btn + .btn {
    margin-right: 0.5rem;
    margin-left: 0;
}

/* اصلاح لیست‌ها */
.list-group-item {
    direction: rtl;
    text-align: right;
}

.list-item-actions {
    direction: ltr; /* برای نمایش دکمه‌ها به صورت LTR در RTL */
    gap: 0.5rem;
}

/* اصلاح جدول‌ها */
.table th,
.table td {
    text-align: right;
}

/* اصلاح صفحه‌بندی */
.pagination {
    direction: rtl;
}

.page-item {
    margin: 0 0.25rem;
}

/* اصلاح آیکون‌های خاص */
.menu-icon,
.close-icon,
.back-icon {
    display: inline-block;
}

/* اطمینان از نمایش صحیح اعداد فارسی در صورت نیاز */
.fa-num,
.farsi-number {
    font-family: 'Vazir', 'Segoe UI', Tahoma, sans-serif;
}

/* تنظیم فاصله‌ها برای RTL */
.ms-1 { margin-right: 0.5rem !important; margin-left: 0 !important; }
.ms-2 { margin-right: 1rem !important; margin-left: 0 !important; }
.ms-3 { margin-right: 1.5rem !important; margin-left: 0 !important; }
.me-1 { margin-left: 0.5rem !important; margin-right: 0 !important; }
.me-2 { margin-left: 1rem !important; margin-right: 0 !important; }
.me-3 { margin-left: 1.5rem !important; margin-right: 0 !important; }

/* اصلاح جهت برای عناصر LTR (مثل کد) */
code,
pre,
.ltr {
    direction: ltr;
    text-align: left;
}

/* اصلاح placeholder */
input::placeholder,
textarea::placeholder {
    text-align: right;
}