/**
 * استایل‌های راست‌چین پنل فرانت‌اند افزونه ساماندهی
 *
 * این فایل شامل تنظیمات راست‌چین برای پشتیبانی کامل از زبان فارسی و
 * سایر زبان‌های راست‌چین در پنل مدیریتی فرانت‌اند است.
 *
 * @package SamanAndisha
 * @subpackage Assets/Css
 * @since 1.0.0
 */

/* ========================================== */
/* ۱. تنظیمات پایه راست‌چین                  */
/* ========================================== */
.sa-frontend-panel {
    direction: rtl;
    text-align: right;
}

.sa-frontend-panel * {
    direction: rtl;
}

/* ========================================== */
/* ۲. اصلاح فونت برای زبان فارسی              */
/* ========================================== */
.sa-frontend-panel,
.sa-frontend-panel .sa-card,
.sa-frontend-panel .sa-table,
.sa-frontend-panel .sa-form-control,
.sa-frontend-panel .sa-btn,
.sa-frontend-panel .sa-modal-content {
    font-family: 'Vazir', 'IRANSans', 'Tahoma', 'Arial', sans-serif;
}

/* ========================================== */
/* ۳. اصلاح آیکون‌ها و فلش‌ها                */
/* ========================================== */

/* آیکون‌های فلش برای راست‌چین */
.sa-sidebar .sa-sidebar-link .sa-sidebar-icon {
    margin-left: 10px;
    margin-right: 0;
}

.sa-sidebar .sa-sidebar-indicator {
    right: auto;
    left: 0;
    border-radius: 3px 0 0 3px;
}

/* آیکون‌های مربوط به جهات */
.sa-page-title h1 i {
    margin-left: 10px;
    margin-right: 0;
}

.sa-card-header h2 i,
.sa-card-header h3 i {
    margin-left: 8px;
    margin-right: 0;
}

.sa-quick-action i {
    margin-left: 0;
}

/* اصلاح فلش‌های صفحه‌بندی */
.sa-pagination .sa-page-first .sa-page-link i {
    transform: scaleX(-1);
}
.sa-pagination .sa-page-last .sa-page-link i {
    transform: scaleX(-1);
}
.sa-pagination .sa-page-prev .sa-page-link i {
    transform: scaleX(-1);
}
.sa-pagination .sa-page-next .sa-page-link i {
    transform: scaleX(-1);
}

/* ========================================== */
/* ۴. اصلاح سایدبار و منوها                   */
/* ========================================== */
.sa-sidebar {
    right: 0;
    left: auto;
    border-left: none;
    border-right: 1px solid rgba(255,255,255,0.06);
}

.sa-sidebar .sa-sidebar-link .sa-sidebar-text {
    margin-right: 10px;
    margin-left: 0;
}

.sa-sidebar .sa-sidebar-link .sa-sidebar-badge {
    margin-right: auto;
    margin-left: 0;
}

.sa-sidebar .sa-sidebar-stat-item {
    text-align: center;
}

.sa-sidebar .sa-sidebar-version {
    direction: ltr;
}

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

.sa-table .sa-table-col-checkbox {
    text-align: center;
}

.sa-table .sa-table-col-actions {
    text-align: center;
}

.sa-table .sa-table-sort-icon {
    margin-right: 4px;
    margin-left: 0;
}

/* ========================================== */
/* ۶. اصلاح فرم‌ها                           */
/* ========================================== */
.sa-form-group label {
    text-align: right;
}

.sa-form-control {
    text-align: right;
}

.sa-form-control::placeholder {
    text-align: right;
}

.sa-form-actions .sa-btn i {
    margin-left: 6px;
    margin-right: 0;
}

.sa-filter-actions .sa-btn i {
    margin-left: 6px;
    margin-right: 0;
}

.sa-filter-header .sa-filter-icon {
    margin-left: 8px;
    margin-right: 0;
}

.sa-filter-group label {
    text-align: right;
}

.sa-filter-radio,
.sa-filter-checkbox {
    text-align: right;
}

.sa-filter-radio input,
.sa-filter-checkbox input {
    margin-left: 8px;
    margin-right: 0;
}

.sa-filter-date-icon {
    left: 12px;
    right: auto;
}

.sa-filter-range-sep {
    margin: 0 4px;
}

/* ========================================== */
/* ۷. اصلاح کارت‌ها                          */
/* ========================================== */
.sa-card-header {
    text-align: right;
}

.sa-card-header .sa-card-title-group {
    text-align: right;
}

.sa-card-header .sa-card-header-right {
    margin-right: auto;
    margin-left: 0;
}

.sa-card-icon {
    margin-left: 8px;
    margin-right: 0;
}

.sa-card-stat-item {
    text-align: right;
}

.sa-card-stat-icon {
    margin-left: 12px;
    margin-right: 0;
}

.sa-card-stat-change i {
    margin-left: 4px;
    margin-right: 0;
}

.sa-card-actions .sa-btn i {
    margin-left: 6px;
    margin-right: 0;
}

/* ========================================== */
/* ۸. اصلاح هدر صفحات                        */
/* ========================================== */
.sa-page-header {
    text-align: right;
}

.sa-page-actions .sa-btn i {
    margin-left: 6px;
    margin-right: 0;
}

.sa-date-display i {
    margin-left: 6px;
    margin-right: 0;
}

/* ========================================== */
/* ۹. اصلاح مودال‌ها                         */
/* ========================================== */
.sa-modal-header {
    text-align: right;
}

.sa-modal-header .sa-modal-title-group {
    text-align: right;
}

.sa-modal-header .sa-modal-icon {
    margin-left: 12px;
    margin-right: 0;
}

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

.sa-modal-body {
    text-align: right;
}

.sa-modal-footer {
    text-align: right;
}

.sa-modal-footer .sa-modal-actions .sa-btn i {
    margin-left: 6px;
    margin-right: 0;
}

.sa-modal-footer .sa-modal-footer-text {
    text-align: right;
}

.sa-modal-resize-handle {
    right: auto;
    left: 0;
    border-radius: 0 0 0 8px;
    background: linear-gradient(225deg, transparent 50%, #94a3b8 50%);
}

/* ========================================== */
/* ۱۰. اصلاح هشدارها (Alerts)               */
/* ========================================== */
.sa-alert {
    text-align: right;
}

.sa-alert i {
    margin-left: 10px;
    margin-right: 0;
}

/* ========================================== */
/* ۱۱. اصلاح حالت خالی (Empty State)         */
/* ========================================== */
.sa-empty-state {
    text-align: center;
}

/* ========================================== */
/* ۱۲. اصلاح دکمه‌های سریع (Quick Actions)   */
/* ========================================== */
.sa-quick-action {
    text-align: center;
}

.sa-quick-action i {
    margin-left: 0;
}

/* ========================================== */
/* ۱۳. اصلاح اسپینر                          */
/* ========================================== */
.sa-spinner {
    margin-left: 8px;
    margin-right: 0;
}

/* ========================================== */
/* ۱۴. اصلاح صفحه‌بندی (Pagination)          */
/* ========================================== */
.sa-pagination-wrapper {
    text-align: center;
}

.sa-pagination {
    padding-right: 0;
}

.sa-page-item {
    margin: 0 2px;
}

.sa-page-link i {
    margin: 0;
}

/* ========================================== */
/* ۱۵. اصلاح فیلدهای تاریخ                   */
/* ========================================== */
.sa-date-field {
    direction: ltr;
    text-align: center;
}

/* ========================================== */
/* ۱۶. اصلاح نوار ابزار جدول                 */
/* ========================================== */
.sa-table-toolbar {
    text-align: right;
}

.sa-table-toolbar-left .sa-btn i {
    margin-left: 6px;
    margin-right: 0;
}

.sa-table-toolbar-right .sa-table-search .sa-search-icon {
    right: 12px;
    left: auto;
}

.sa-table-toolbar-right .sa-table-search-input {
    padding-right: 36px;
    padding-left: 12px;
}

.sa-table-toolbar-right .sa-table-search-clear {
    left: 10px;
    right: auto;
}

.sa-table-per-page {
    text-align: right;
}

.sa-table-per-page label {
    margin-left: 6px;
    margin-right: 0;
}

/* ========================================== */
/* ۱۷. اصلاح لیست فعالیت‌ها                  */
/* ========================================== */
.sa-activity-item {
    text-align: right;
}

.sa-activity-icon {
    margin-left: 12px;
    margin-right: 0;
}

.sa-activity-time i {
    margin-left: 4px;
    margin-right: 0;
}

/* ========================================== */
/* ۱۸. اصلاح اطلاعات کاربری در هدر           */
/* ========================================== */
.sa-user-toggle .sa-user-avatar {
    margin-left: 8px;
    margin-right: 0;
}

.sa-user-toggle .sa-user-arrow {
    margin-right: 4px;
    margin-left: 0;
}

.sa-user-dropdown {
    left: 0;
    right: auto;
}

.sa-user-dropdown-header {
    text-align: right;
}

.sa-user-dropdown-avatar {
    margin-left: 12px;
    margin-right: 0;
}

.sa-user-dropdown-link i {
    margin-left: 10px;
    margin-right: 0;
}

/* ========================================== */
/* ۱۹. اصلاح فوتر                           */
/* ========================================== */
.sa-footer {
    text-align: right;
}

.sa-footer-brand .sa-footer-icon {
    margin-left: 10px;
    margin-right: 0;
}

.sa-footer-links a:hover {
    transform: translateX(4px) !important;
}

.sa-footer-contact li i {
    margin-left: 10px;
    margin-right: 0;
}

.sa-footer-status li {
    text-align: right;
}

.sa-footer-social .sa-social-link {
    margin-left: 4px;
    margin-right: 0;
}

.sa-footer-copyright i {
    margin-left: 4px;
    margin-right: 0;
}

/* ========================================== */
/* ۲۰. اصلاح کامپوننت‌های گراف و نمودار     */
/* ========================================== */
.sa-chart-card {
    text-align: right;
}

.sa-chart-card canvas {
    direction: ltr;
}

/* ========================================== */
/* ۲۱. اصلاح ریسپانسیو موبایل                */
/* ========================================== */
@media (max-width: 768px) {
    .sa-sidebar {
        right: -100%;
        left: auto;
    }
    
    .sa-sidebar-open {
        right: 0;
        left: auto;
    }
    
    .sa-user-dropdown {
        left: -8px;
        right: auto;
    }
    
    .sa-page-header {
        text-align: right;
    }
    
    .sa-page-actions {
        justify-content: flex-start;
    }
    
    .sa-table-toolbar {
        text-align: right;
    }
    
    .sa-table-toolbar-left,
    .sa-table-toolbar-right {
        justify-content: flex-start;
    }
    
    .sa-modal-header .sa-modal-close {
        margin-right: auto;
        margin-left: 0;
    }
    
    .sa-footer-bottom {
        text-align: center;
    }
}

@media (max-width: 480px) {
    .sa-user-dropdown {
        left: -8px;
        right: auto;
        min-width: 200px;
    }
    
    .sa-form-actions .sa-btn {
        justify-content: center;
    }
    
    .sa-card-actions .sa-btn {
        justify-content: center;
    }
    
    .sa-modal-actions .sa-btn {
        justify-content: center;
    }
}

/* ========================================== */
/* ۲۲. اصلاحات ویژه برای مرورگرها           */
/* ========================================== */

/* فایرفاکس */
@-moz-document url-prefix() {
    .sa-form-control {
        text-align: right;
    }
}

/* کروم و اج */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .sa-form-control {
        text-align: right;
    }
}

/* ========================================== */
/* ۲۳. اصلاح جهت اسکرول‌بار                   */
/* ========================================== */
.sa-sidebar::-webkit-scrollbar-thumb {
    border-radius: 4px;
}

.sa-modal-body::-webkit-scrollbar-thumb {
    border-radius: 3px;
}

/* ========================================== */
/* ۲۴. اصلاح جهت در حالت‌های خاص              */
/* ========================================== */

/* فیلدهای عددی و تاریخ (چپ‌چین) */
input[type="number"].sa-form-control,
input[type="tel"].sa-form-control,
.sa-date-field {
    direction: ltr;
    text-align: left;
}

/* فیلدهای ایمیل و URL (چپ‌چین) */
input[type="email"].sa-form-control,
input[type="url"].sa-form-control {
    direction: ltr;
    text-align: left;
}

/* ========================================== */
/* ۲۵. اصلاح آیکون‌های Font Awesome           */
/* ========================================== */

/* آیکون‌های فلش در دکمه‌ها */
.sa-btn .fa-chevron-left {
    transform: scaleX(-1);
}
.sa-btn .fa-chevron-right {
    transform: scaleX(-1);
}
.sa-btn .fa-angle-left {
    transform: scaleX(-1);
}
.sa-btn .fa-angle-right {
    transform: scaleX(-1);
}
.sa-btn .fa-arrow-left {
    transform: scaleX(-1);
}
.sa-btn .fa-arrow-right {
    transform: scaleX(-1);
}
.sa-btn .fa-long-arrow-alt-left {
    transform: scaleX(-1);
}
.sa-btn .fa-long-arrow-alt-right {
    transform: scaleX(-1);
}

/* آیکون‌های فلش در لینک‌ها */
a .fa-chevron-left {
    transform: scaleX(-1);
}
a .fa-chevron-right {
    transform: scaleX(-1);
}
a .fa-angle-left {
    transform: scaleX(-1);
}
a .fa-angle-right {
    transform: scaleX(-1);
}
a .fa-arrow-left {
    transform: scaleX(-1);
}
a .fa-arrow-right {
    transform: scaleX(-1);
}

/* آیکون‌های فلش در صفحه‌بندی */
.sa-pagination .fa-chevron-left {
    transform: scaleX(-1);
}
.sa-pagination .fa-chevron-right {
    transform: scaleX(-1);
}
.sa-pagination .fa-angle-left {
    transform: scaleX(-1);
}
.sa-pagination .fa-angle-right {
    transform: scaleX(-1);
}
.sa-pagination .fa-angle-double-left {
    transform: scaleX(-1);
}
.sa-pagination .fa-angle-double-right {
    transform: scaleX(-1);
}

/* آیکون‌های فلش در سایدبار */
.sa-sidebar .fa-chevron-left {
    transform: scaleX(-1);
}
.sa-sidebar .fa-chevron-right {
    transform: scaleX(-1);
}

/* آیکون‌های فلش در مودال */
.sa-modal .fa-chevron-left {
    transform: scaleX(-1);
}
.sa-modal .fa-chevron-right {
    transform: scaleX(-1);
}

/* ========================================== */
/* ۲۶. اصلاح تگ‌های HTML                      */
/* ========================================== */
.sa-frontend-panel ul,
.sa-frontend-panel ol,
.sa-frontend-panel menu {
    padding-right: 0;
    padding-left: 0;
}

.sa-frontend-panel ul ul,
.sa-frontend-panel ol ol,
.sa-frontend-panel ul ol,
.sa-frontend-panel ol ul {
    padding-right: 20px;
    padding-left: 0;
}

.sa-frontend-panel blockquote {
    border-right: 4px solid var(--sa-primary);
    border-left: none;
    padding-right: 16px;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
}

/* ========================================== */
/* ۲۷. اصلاح جدول در موبایل                   */
/* ========================================== */
@media (max-width: 768px) {
    .sa-table-responsive {
        margin: 0 -2px;
    }
    
    .sa-table td:first-child,
    .sa-table th:first-child {
        padding-right: 8px;
    }
    
    .sa-table td:last-child,
    .sa-table th:last-child {
        padding-left: 8px;
    }
}

/* ========================================== */
/* ۲۸. اصلاح کامپوننت‌های سفارشی              */
/* ========================================== */

/* حالت نمایش تعداد در صفحه */
.sa-pagination-per-page select {
    direction: ltr;
}

/* فیلد جستجو */
.sa-table-search-input {
    direction: rtl;
}

/* ========================================== */
/* ۲۹. اصلاح آیکون‌های شبکه‌های اجتماعی      */
/* ========================================== */
.sa-footer-social .sa-social-link {
    text-align: center;
}

/* ========================================== */
/* ۳۰. اصلاح وضعیت آنلاین/آفلاین              */
/* ========================================== */
.sa-status-dot {
    margin-left: 4px;
    margin-right: 0;
}

/* ========================================== */
/* ۳۱. اصلاح نوتیفیکیشن                       */
/* ========================================== */
.sa-notif-badge {
    right: auto;
    left: -4px;
}

/* ========================================== */
/* ۳۲. اصلاح فیلدهای انتخاب (Select)          */
/* ========================================== */
.sa-form-control select,
.sa-filter-select {
    background-position: left 10px center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 16px;
    padding-right: 12px;
    padding-left: 36px;
}

/* ========================================== */
/* ۳۳. اصلاح لیبل‌های چک‌باکس و رادیو        */
/* ========================================== */
.sa-filter-checkbox input,
.sa-filter-radio input {
    margin-left: 8px;
    margin-right: 0;
}

/* ========================================== */
/* ۳۴. اصلاح لینک‌های فوتر                    */
/* ========================================== */
.sa-footer-links a:hover {
    transform: translateX(4px) !important;
}

/* ========================================== */
/* ۳۵. اصلاح دکمه‌های بستن مودال              */
/* ========================================== */
.sa-modal-close {
    margin-right: auto;
    margin-left: 0;
}