/* RTL Icon Fix for Font Awesome */
[dir="rtl"] .fa,
[dir="rtl"] .fas,
[dir="rtl"] .far,
[dir="rtl"] .fal,
[dir="rtl"] .fab,
[dir="rtl"] .fa-solid,
[dir="rtl"] .fa-regular,
[dir="rtl"] .fa-light,
[dir="rtl"] .fa-brands {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands" !important;
    font-weight: 900;
    font-style: normal;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Ensure icons are not affected by RTL text direction */
[dir="rtl"] .fa-solid::before,
[dir="rtl"] .fa-regular::before,
[dir="rtl"] .fa-brands::before,
[dir="rtl"] .fas::before,
[dir="rtl"] .far::before,
[dir="rtl"] .fab::before {
    direction: ltr;
    unicode-bidi: bidi-override;
}

/* Fix icon alignment in RTL */
[dir="rtl"] i.fa,
[dir="rtl"] i.fas,
[dir="rtl"] i.far,
[dir="rtl"] i.fa-solid,
[dir="rtl"] i.fa-regular {
    direction: ltr !important;
}

/* Fix for inline icons with text */
[dir="rtl"] .nav-item i,
[dir="rtl"] .btn i,
[dir="rtl"] .stat-item i {
    display: inline-block;
    text-align: center;
}