/* RTL Custom Styles for Material Dashboard */

/* Material Symbols Icons - ensure font is applied */
.material-symbols-rounded {
    font-family: 'Material Symbols Rounded' !important;
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
}

/* Apply Persian font to all elements EXCEPT icons */
body.rtl,
body.rtl *:not(.material-symbols-rounded):not(.fa):not(.fas):not(.far):not(.fab):not([class^="ni"]):not([class*=" ni"]) {
    font-family: 'Vazirmatn', sans-serif !important;
}

/* Fix sidebar for RTL */
body.rtl .sidenav.fixed-end {
    right: 0;
    left: auto;
}

/* Fix text alignment for RTL */
body.rtl .text-start {
    text-align: right !important;
}

body.rtl .text-end {
    text-align: left !important;
}

/* Fix timeline for RTL */
body.rtl .timeline.timeline-one-side:before {
    right: 1rem;
    left: auto;
}

body.rtl .timeline-step {
    right: 0;
    left: auto;
}

body.rtl .timeline-content {
    margin-right: 45px;
    margin-left: 0;
}

/* Fix dropdown menu for RTL */
body.rtl .dropdown-menu {
    text-align: right;
}

/* Fix card headers for RTL */
body.rtl .card-header .float-end {
    float: left !important;
}

body.rtl .card-header .float-start {
    float: right !important;
}

/* Fix form labels for RTL */
body.rtl .form-label {
    right: 0.75rem;
    left: auto;
}

body.rtl .input-group-outline .form-label {
    right: 0;
    left: auto;
}

/* Fix breadcrumb separator for RTL */
body.rtl .breadcrumb-item+.breadcrumb-item::before {
    float: right;
    padding-left: 0.5rem;
    padding-right: 0;
}

/* Fix tables for RTL */
body.rtl table {
    direction: rtl;
}

body.rtl th,
body.rtl td {
    text-align: right;
}

/* Fix progress bars for RTL */
body.rtl .progress {
    direction: rtl;
}

/* Fix icons spacing in RTL */
body.rtl .nav-link i {
    margin-left: 0.5rem;
    margin-right: 0;
}

/* Fix settings panel for RTL */
body.rtl .fixed-plugin {
    left: 30px;
    right: auto;
}

body.rtl .fixed-plugin .card {
    left: -360px;
    right: auto;
}

body.rtl .fixed-plugin.show .card {
    left: 30px;
    right: auto;
}

/* Fix avatar positioning in RTL */
body.rtl .avatar-group .avatar+.avatar {
    margin-right: -10px;
    margin-left: 0;
}

body.rtl .form-switch {
    padding-right: 2.375rem;
    padding-left: 0;
}

body.rtl .form-check .form-check-input {
    float: right;
    margin-right: -1.73em;
}


body.rtl .form-check-input {
    margin-top: .4rem;
}



body.rtl .ps-0 {
    padding-right: 0 !important;
}

body.rtl .ps-1 {
    padding-right: 0.25rem !important;
}

body.rtl .ps-2 {
    padding-right: 0.5rem !important;
}

body.rtl .ps-3 {
    padding-right: 1rem !important;
}

body.rtl .ps-4 {
    padding-right: 1.5rem !important;
}

body.rtl .ps-5 {
    padding-right: 3rem !important;
}

body.rtl .ps-6 {
    padding-right: 4rem !important;
}

body.rtl .ps-7 {
    padding-right: 6rem !important;
}

body.rtl .ps-8 {
    padding-right: 8rem !important;
}

body.rtl .ps-9 {
    padding-right: 10rem !important;
}

body.rtl .ps-10 {
    padding-right: 12rem !important;
}

body.rtl .ps-11 {
    padding-right: 14rem !important;
}

body.rtl .ps-12 {
    padding-right: 16rem !important;
}



body.rtl .form-select {
    padding: 0.5rem 1rem 0.5rem 1rem;
    background-position: left 5px center;
}

body.rtl .form-check {
    padding-right: 1.73em;
}

.ltr {
    direction: ltr;
}


.page-item.active .page-link {
    color: white;
}