html[dir="rtl"] body {
    direction: rtl;
    text-align: right;
}
/* ===== RTL Layout ===== */
/* ===== RTL layout fix for Inspinia ===== */

/* normal */
html[dir="rtl"] .content-page,
html[dir="rtl"] .app-topbar {
    margin-left: 0 !important;
    margin-right: var(--ins-sidenav-width) !important;
}

/* condensed */
html[dir="rtl"][data-sidenav-size="condensed"] .content-page,
html[dir="rtl"][data-sidenav-size="condensed"] .app-topbar {
    margin-left: 0 !important;
    margin-right: var(--ins-sidenav-width-sm) !important;
}

/* compact */
html[dir="rtl"][data-sidenav-size="compact"] .content-page,
html[dir="rtl"][data-sidenav-size="compact"] .app-topbar {
    margin-left: 0 !important;
    margin-right: var(--ins-sidenav-width-md) !important;
}

/* on-hover */
html[dir="rtl"][data-sidenav-size="on-hover"] .content-page,
html[dir="rtl"][data-sidenav-size="on-hover"] .app-topbar {
    margin-left: 0 !important;
    margin-right: var(--ins-sidenav-width-sm) !important;
}

/* offcanvas */
html[dir="rtl"][data-sidenav-size="offcanvas"] .content-page,
html[dir="rtl"][data-sidenav-size="offcanvas"] .app-topbar {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* offcanvas hidden menu position */
html[dir="rtl"][data-sidenav-size="offcanvas"] .sidenav-menu {
    margin-left: 0 !important;
    margin-right: calc(var(--ins-sidenav-width) * -1) !important;
}

html[dir="rtl"][data-sidenav-size="offcanvas"].sidebar-enable .sidenav-menu {
    margin-right: 0 !important;
}

/* sidenav on right */
html[dir="rtl"] .sidenav-menu {
    left: auto !important;
    right: 0 !important;
}

/* topbar full alignment */
html[dir="rtl"] .app-topbar {
    left: 0 !important;
    right: 0 !important;
}
/* ===== RTL sidenav icons/text/alignment ===== */

html[dir="rtl"] .side-nav-link {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: right;
}

html[dir="rtl"] .side-nav-link .menu-icon {
    order: 1;
    margin-left: 0.75rem;
    margin-right: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

html[dir="rtl"] .side-nav-link .menu-text {
    order: 2;
    text-align: right;
    flex: 1 1 auto;
}

html[dir="rtl"] .side-nav-link .menu-arrow {
    order: 3;
    margin-right: auto;
    margin-left: 0;
}

html[dir="rtl"] .side-nav-link[aria-expanded="true"] .menu-arrow,
html[dir="rtl"] .side-nav-item.active > .side-nav-link .menu-arrow {
    transform: rotate(-180deg);
}

/* sub menu links */
html[dir="rtl"] .sub-menu .side-nav-link {
    padding-right: 1rem;
    padding-left: 0.5rem;
}

/* user dropdown icons in sidenav */
html[dir="rtl"] .dropdown-item i {
    margin-left: 0.5rem !important;
    margin-right: 0 !important;
}

/* sidebar line / bullet if enabled */
html[dir="rtl"].sidebar-with-line .sub-menu::before {
    right: calc(var(--ins-sidenav-item-icon-size) - 1px);
    left: auto;
    border-right: 1px dashed var(--ins-sidenav-item-color);
    border-left: 0;
}

html[dir="rtl"].sidebar-with-line .sub-menu .sub-menu::before {
    right: calc(var(--ins-sidenav-item-icon-size) - 1px + 14px);
    left: auto;
}

html[dir="rtl"].sidebar-with-line .sub-menu .side-nav-link::before {
    right: calc(var(--ins-sidenav-item-icon-size));
    left: auto;
    border-top: 1px dashed var(--ins-sidenav-item-color);
}

html[dir="rtl"].sidebar-with-line .sub-menu .side-nav-link::after {
    right: calc(var(--ins-sidenav-item-icon-size) + var(--ins-sidenav-item-padding-x));
    left: auto;
}
html[dir="rtl"] .side-nav-item > a[data-bs-toggle="collapse"] {
    display: flex;
    align-items: center;
}

html[dir="rtl"] .side-nav-item > a[data-bs-toggle="collapse"] .menu-arrow {
    margin-right: auto !important;
    margin-left: 0 !important;
}

/* condensed sidenav: keep icons centered and flyouts opening to the left */
html[dir="rtl"][data-sidenav-size="condensed"] .sidenav-menu .side-nav .side-nav-item .side-nav-link {
    justify-content: center;
    width: var(--ins-sidenav-width-sm);
    padding-right: 0 !important;
    padding-left: 0 !important;
}

html[dir="rtl"][data-sidenav-size="condensed"] .sidenav-menu .side-nav .side-nav-item .side-nav-link .menu-icon {
    margin-right: 0 !important;
    margin-left: 0 !important;
    min-width: var(--ins-sidenav-width-sm);
}

html[dir="rtl"][data-sidenav-size="condensed"] .sidenav-menu .side-nav > .side-nav-item:hover > .side-nav-link {
    right: 0;
    left: auto;
    width: calc(var(--ins-sidenav-width) + var(--ins-sidenav-width-sm) * 0.35);
    justify-content: flex-start;
    padding-right: calc(var(--ins-sidenav-item-padding-x) * 1.25) !important;
    padding-left: var(--ins-sidenav-item-padding-x) !important;
}

html[dir="rtl"][data-sidenav-size="condensed"] .sidenav-menu .side-nav > .side-nav-item:hover > .side-nav-link .menu-icon {
    min-width: var(--ins-sidenav-width-sm);
    margin-left: 0.75rem !important;
}

html[dir="rtl"][data-sidenav-size="condensed"] .sidenav-menu .side-nav .side-nav-item .collapse .sub-menu,
html[dir="rtl"][data-sidenav-size="condensed"] .sidenav-menu .side-nav .side-nav-item .collapsing .sub-menu,
html[dir="rtl"][data-sidenav-size="condensed"] .sidenav-menu .side-nav .side-nav-item:hover > .collapse > .sub-menu,
html[dir="rtl"][data-sidenav-size="condensed"] .sidenav-menu .side-nav .side-nav-item:hover > .collapsing > .sub-menu {
    right: var(--ins-sidenav-width-sm);
    left: auto;
}

html[dir="rtl"][data-sidenav-size="condensed"] .sidenav-menu .side-nav .side-nav-item:hover > .collapse > .sub-menu .side-nav-item:hover > .collapse > .sub-menu,
html[dir="rtl"][data-sidenav-size="condensed"] .sidenav-menu .side-nav .side-nav-item:hover > .collapse > .sub-menu .side-nav-item:hover > .collapsing > .sub-menu,
html[dir="rtl"][data-sidenav-size="condensed"] .sidenav-menu .side-nav .side-nav-item:hover > .collapsing > .sub-menu .side-nav-item:hover > .collapse > .sub-menu,
html[dir="rtl"][data-sidenav-size="condensed"] .sidenav-menu .side-nav .side-nav-item:hover > .collapsing > .sub-menu .side-nav-item:hover > .collapsing > .sub-menu {
    right: calc(var(--ins-sidenav-width) - var(--ins-sidenav-width-sm) * 0.65);
    left: auto;
}

html[dir="rtl"][data-sidenav-size="condensed"] .sidenav-menu .side-nav .side-nav-item:hover > .collapse > .sub-menu .menu-arrow,
html[dir="rtl"][data-sidenav-size="condensed"] .sidenav-menu .side-nav .side-nav-item:hover > .collapsing > .sub-menu .menu-arrow {
    transform: rotate(90deg);
    margin-right: auto !important;
    margin-left: 0 !important;
}
html[dir="rtl"] .app-topbar,
html[dir="rtl"] .sidenav-menu,
html[dir="rtl"] .side-nav,
html[dir="rtl"] .sub-menu,
html[dir="rtl"] .dropdown-menu,
html[dir="rtl"] .card,
html[dir="rtl"] .card-body,
html[dir="rtl"] .card-header,
html[dir="rtl"] .card-footer,
html[dir="rtl"] .table,
html[dir="rtl"] .form-control,
html[dir="rtl"] .form-select,
html[dir="rtl"] .input-group-text,
html[dir="rtl"] .accordion-button,
html[dir="rtl"] .breadcrumb,
html[dir="rtl"] .modal-content,
html[dir="rtl"] .offcanvas,
html[dir="rtl"] .list-group,
html[dir="rtl"] .dropdown-item {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] th,
html[dir="rtl"] td,
html[dir="rtl"] caption {
    text-align: right;
}

html[dir="rtl"] .dropdown-menu-end {
    right: auto !important;
    left: 0 !important;
}

html[dir="rtl"] .dropdown-toggle::after {
    margin-left: 0;
    margin-right: 0.255em;
}

html[dir="rtl"] .accordion-button::after {
    transform: rotate(180deg);
}

html[dir="rtl"] .me-1,
html[dir="rtl"] .me-2,
html[dir="rtl"] .me-3,
html[dir="rtl"] .me-4,
html[dir="rtl"] .me-5,
html[dir="rtl"] .me-lg-2 {
    margin-right: 0 !important;
    margin-left: .5rem !important;
}

html[dir="rtl"] .ms-1,
html[dir="rtl"] .ms-2,
html[dir="rtl"] .ms-3,
html[dir="rtl"] .ms-4,
html[dir="rtl"] .ms-5 {
    margin-left: 0 !important;
    margin-right: .5rem !important;
}

html[dir="rtl"] .form-check {
    padding-right: 2.5em;
    padding-left: 0;
}

html[dir="rtl"] .form-check .form-check-input {
    float: right;
    margin-right: -2.5em;
    margin-left: 0;
}

html[dir="rtl"] .form-switch {
    padding-right: 2.5em;
    padding-left: 0;
}

html[dir="rtl"] .form-switch .form-check-input {
    margin-right: -2.5em;
    margin-left: 0;
}

html[dir="rtl"] .form-select {
    padding: 0.4532rem 0.77rem 0.4532rem 2.31rem;
    background-position: left 0.77rem center;
}

html[dir="rtl"] .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: 0;
    margin-right: calc(-1 * var(--ins-border-width));
    border-top-left-radius: var(--ins-border-radius);
    border-bottom-left-radius: var(--ins-border-radius);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

html[dir="rtl"] .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
html[dir="rtl"] .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
html[dir="rtl"] .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
    border-top-right-radius: var(--ins-border-radius);
    border-bottom-right-radius: var(--ins-border-radius);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

html[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
    float: right;
    padding-left: var(--ins-breadcrumb-item-padding-x);
    padding-right: 0;
}

html[dir="rtl"] input[type="number"],
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input[type="url"] {
    direction: ltr;
    text-align: left;
}

html[dir="rtl"] #lang-switch {
    transform: scaleX(-1);
}

/* ===== RTL theme fixes ===== */
html[dir="rtl"],
html[dir="rtl"] body {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .sidenav-menu {
    right: 0 !important;
    left: auto !important;
    border-right: 0 !important;
    border-left: var(--ins-theme-card-border-width) solid var(--ins-sidenav-border-color) !important;
}

html[dir="rtl"] .app-topbar,
html[dir="rtl"] .content-page {
    margin-left: 0 !important;
    margin-right: var(--ins-sidenav-width) !important;
}

html[dir="rtl"][data-sidenav-size="condensed"] .app-topbar,
html[dir="rtl"][data-sidenav-size="condensed"] .content-page,
html[dir="rtl"][data-sidenav-size="on-hover"] .app-topbar,
html[dir="rtl"][data-sidenav-size="on-hover"] .content-page {
    margin-left: 0 !important;
    margin-right: var(--ins-sidenav-width-sm) !important;
}

html[dir="rtl"][data-sidenav-size="compact"] .app-topbar,
html[dir="rtl"][data-sidenav-size="compact"] .content-page {
    margin-left: 0 !important;
    margin-right: var(--ins-sidenav-width-md) !important;
}

html[dir="rtl"][data-sidenav-size="offcanvas"] .app-topbar,
html[dir="rtl"][data-sidenav-size="offcanvas"] .content-page,
html[dir="rtl"][data-layout="topnav"] .app-topbar,
html[dir="rtl"][data-layout="topnav"] .content-page {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

html[dir="rtl"][data-sidenav-size="offcanvas"] .sidenav-menu {
    margin-left: 0 !important;
    margin-right: calc(var(--ins-sidenav-width) * -1) !important;
}

html[dir="rtl"][data-sidenav-size="offcanvas"].sidebar-enable .sidenav-menu {
    margin-right: 0 !important;
}

html[dir="rtl"] .app-topbar {
    transition: margin-right 0.25s ease-in-out !important;
}

html[dir="rtl"] .logo-topbar {
    float: right !important;
}

html[dir="rtl"] .topbar-badge {
    right: auto !important;
    left: -1px !important;
}

html[dir="rtl"] .text-start {
    text-align: right !important;
}

html[dir="rtl"] .text-end {
    text-align: left !important;
}

html[dir="rtl"] .float-start {
    float: right !important;
}

html[dir="rtl"] .float-end {
    float: left !important;
}

html[dir="rtl"] .ms-auto {
    margin-left: 0 !important;
    margin-right: auto !important;
}

html[dir="rtl"] .me-auto {
    margin-right: 0 !important;
    margin-left: auto !important;
}

html[dir="rtl"] .dropdown-menu {
    text-align: right;
}

html[dir="rtl"] .dropdown-menu-start {
    right: 0 !important;
    left: auto !important;
}

html[dir="rtl"] .dropdown-menu-end,
html[dir="rtl"] .dropdown-menu-end[data-bs-popper] {
    right: auto !important;
    left: 0 !important;
}

html[dir="rtl"] .dropdown-toggle::after {
    margin-right: 0.255em;
    margin-left: 0;
}

html[dir="rtl"] .dropdown-item,
html[dir="rtl"] .list-group-item,
html[dir="rtl"] .alert,
html[dir="rtl"] .modal-content,
html[dir="rtl"] .offcanvas,
html[dir="rtl"] .card,
html[dir="rtl"] .table {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .breadcrumb-item + .breadcrumb-item {
    padding-right: var(--ins-breadcrumb-item-padding-x);
    padding-left: 0;
}

html[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
    float: right;
    padding-left: var(--ins-breadcrumb-item-padding-x);
    padding-right: 0;
    transform: rotate(180deg);
}

html[dir="rtl"] .form-check {
    padding-right: 2.5em;
    padding-left: 0;
}

html[dir="rtl"] .form-check .form-check-input {
    float: right;
    margin-right: -2.5em;
    margin-left: 0;
}

html[dir="rtl"] .form-switch {
    padding-right: 2.5em;
    padding-left: 0;
}

html[dir="rtl"] .form-switch .form-check-input {
    margin-right: -2.5em;
    margin-left: 0;
}

html[dir="rtl"] .form-select {
    padding-right: 0.77rem;
    padding-left: 2.31rem;
    background-position: left 0.77rem center;
}

html[dir="rtl"] .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-right: calc(-1 * var(--ins-border-width));
    margin-left: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: var(--ins-border-radius);
    border-bottom-left-radius: var(--ins-border-radius);
}

html[dir="rtl"] .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
html[dir="rtl"] .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
html[dir="rtl"] .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
    border-top-right-radius: var(--ins-border-radius);
    border-bottom-right-radius: var(--ins-border-radius);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

html[dir="rtl"] input[type="number"],
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input[type="url"] {
    direction: ltr;
    text-align: left;
}

html[dir="rtl"] .side-nav {
    padding-right: 0;
    padding-left: 0;
}

html[dir="rtl"] .side-nav .side-nav-item .side-nav-link {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .side-nav .side-nav-item .side-nav-link .menu-icon {
    margin-right: 0 !important;
    margin-left: 0.75rem !important;
}

html[dir="rtl"] .side-nav .side-nav-item .side-nav-link .menu-text {
    flex: 1 1 auto;
}

html[dir="rtl"] .side-nav .side-nav-item .side-nav-link .menu-arrow {
    margin-right: auto !important;
    margin-left: 0 !important;
}

html[dir="rtl"] .side-nav .sub-menu .side-nav-link {
    padding-right: calc(var(--ins-sidenav-item-icon-size) + var(--ins-sidenav-item-padding-x) + var(--ins-sidenav-item-gap)) !important;
    padding-left: var(--ins-sidenav-sub-item-padding-x) !important;
}

html[dir="rtl"] .side-nav-link[aria-expanded="true"] .menu-arrow,
html[dir="rtl"] .side-nav > .side-nav-item.active > a .menu-arrow {
    transform: rotate(-180deg);
}

html[dir="rtl"][data-sidenav-size="condensed"] .sidenav-menu,
html[dir="rtl"][data-sidenav-size="on-hover"] .sidenav-menu:not(:hover) {
    width: var(--ins-sidenav-width-sm) !important;
}

html[dir="rtl"][data-sidenav-size="condensed"] .sidenav-menu .side-nav > .side-nav-item,
html[dir="rtl"][data-sidenav-size="on-hover"] .sidenav-menu:not(:hover) .side-nav > .side-nav-item {
    width: var(--ins-sidenav-width-sm) !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

html[dir="rtl"][data-sidenav-size="condensed"] .sidenav-menu .side-nav > .side-nav-item > .side-nav-link,
html[dir="rtl"][data-sidenav-size="on-hover"] .sidenav-menu:not(:hover) .side-nav > .side-nav-item > .side-nav-link {
    width: var(--ins-sidenav-width-sm) !important;
    min-width: var(--ins-sidenav-width-sm) !important;
    max-width: var(--ins-sidenav-width-sm) !important;
    height: 44px;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

html[dir="rtl"][data-sidenav-size="condensed"] .sidenav-menu .side-nav > .side-nav-item > .side-nav-link .menu-icon,
html[dir="rtl"][data-sidenav-size="on-hover"] .sidenav-menu:not(:hover) .side-nav > .side-nav-item > .side-nav-link .menu-icon {
    width: var(--ins-sidenav-width-sm) !important;
    min-width: var(--ins-sidenav-width-sm) !important;
    height: 44px;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
}

html[dir="rtl"][data-sidenav-size="condensed"] .sidenav-menu .side-nav > .side-nav-item > .side-nav-link .menu-text,
html[dir="rtl"][data-sidenav-size="condensed"] .sidenav-menu .side-nav > .side-nav-item > .side-nav-link .menu-arrow,
html[dir="rtl"][data-sidenav-size="condensed"] .sidenav-menu .side-nav > .side-nav-item > .side-nav-link .badge,
html[dir="rtl"][data-sidenav-size="on-hover"] .sidenav-menu:not(:hover) .side-nav > .side-nav-item > .side-nav-link .menu-text,
html[dir="rtl"][data-sidenav-size="on-hover"] .sidenav-menu:not(:hover) .side-nav > .side-nav-item > .side-nav-link .menu-arrow,
html[dir="rtl"][data-sidenav-size="on-hover"] .sidenav-menu:not(:hover) .side-nav > .side-nav-item > .side-nav-link .badge {
    display: none !important;
}

html[dir="rtl"][data-sidenav-size="condensed"] .sidenav-menu .side-nav > .side-nav-item:hover > .side-nav-link {
    right: 0;
    left: auto;
    width: calc(var(--ins-sidenav-width) + var(--ins-sidenav-width-sm) * 0.35) !important;
    max-width: none !important;
    justify-content: flex-start !important;
    padding-right: calc(var(--ins-sidenav-item-padding-x) * 1.25) !important;
    padding-left: var(--ins-sidenav-item-padding-x) !important;
}

html[dir="rtl"][data-sidenav-size="condensed"] .sidenav-menu .side-nav > .side-nav-item:hover > .side-nav-link .menu-icon {
    width: var(--ins-sidenav-width-sm) !important;
    min-width: var(--ins-sidenav-width-sm) !important;
    margin-left: 0.75rem !important;
}

html[dir="rtl"][data-sidenav-size="condensed"] .sidenav-menu .side-nav > .side-nav-item:hover > .side-nav-link .menu-text,
html[dir="rtl"][data-sidenav-size="condensed"] .sidenav-menu .side-nav > .side-nav-item:hover > .side-nav-link .badge {
    display: flex !important;
}

html[dir="rtl"][data-sidenav-size="condensed"] .sidenav-menu .side-nav .side-nav-item .collapse .sub-menu,
html[dir="rtl"][data-sidenav-size="condensed"] .sidenav-menu .side-nav .side-nav-item .collapsing .sub-menu,
html[dir="rtl"][data-sidenav-size="condensed"] .sidenav-menu .side-nav .side-nav-item:hover > .collapse > .sub-menu,
html[dir="rtl"][data-sidenav-size="condensed"] .sidenav-menu .side-nav .side-nav-item:hover > .collapsing > .sub-menu {
    right: var(--ins-sidenav-width-sm) !important;
    left: auto !important;
}

html[dir="rtl"][data-sidenav-size="condensed"] .sidenav-menu .side-nav .side-nav-item:hover > .collapse > .sub-menu .side-nav-item:hover > .collapse > .sub-menu,
html[dir="rtl"][data-sidenav-size="condensed"] .sidenav-menu .side-nav .side-nav-item:hover > .collapse > .sub-menu .side-nav-item:hover > .collapsing > .sub-menu,
html[dir="rtl"][data-sidenav-size="condensed"] .sidenav-menu .side-nav .side-nav-item:hover > .collapsing > .sub-menu .side-nav-item:hover > .collapse > .sub-menu,
html[dir="rtl"][data-sidenav-size="condensed"] .sidenav-menu .side-nav .side-nav-item:hover > .collapsing > .sub-menu .side-nav-item:hover > .collapsing > .sub-menu {
    right: calc(var(--ins-sidenav-width) - var(--ins-sidenav-width-sm) * 0.65) !important;
    left: auto !important;
}

/* Arabic typography */
html[dir="rtl"] {
    --ftb-arabic-font: "Cairo", "Noto Kufi Arabic", "Noto Sans Arabic", "Segoe UI", Tahoma, Arial, sans-serif;
    --ins-font-sans-serif: var(--ftb-arabic-font);
    --ins-body-font-family: var(--ftb-arabic-font);
}

html[dir="rtl"] body,
html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] select,
html[dir="rtl"] textarea,
html[dir="rtl"] .dropdown-menu,
html[dir="rtl"] .tooltip,
html[dir="rtl"] .popover,
html[dir="rtl"] .table,
html[dir="rtl"] .btn {
    font-family: var(--ftb-arabic-font);
}

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6,
html[dir="rtl"] .h1,
html[dir="rtl"] .h2,
html[dir="rtl"] .h3,
html[dir="rtl"] .h4,
html[dir="rtl"] .h5,
html[dir="rtl"] .h6 {
    font-family: var(--ftb-arabic-font);
    font-weight: 700;
}

html[dir="rtl"] .side-nav,
html[dir="rtl"] .app-topbar,
html[dir="rtl"] .card-title,
html[dir="rtl"] .badge,
html[dir="rtl"] .form-label {
    font-family: var(--ftb-arabic-font);
}

/* Keep Arabic placeholders readable while preserving LTR email input values. */
html[dir="rtl"] input[type="email"][data-lang-target="placeholder"]:placeholder-shown {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] input[type="email"][data-lang-target="placeholder"]:not(:placeholder-shown) {
    direction: ltr;
    text-align: left;
}