[dir="rtl"] body {
    font-family: 'Noto Sans Arabic', var(--si-font);
}

/* Bootstrap RTL + row-reverse was flipping the sidebar back to the left. */
[dir="rtl"] .app-wrapper {
    flex-direction: row;
    direction: rtl;
}

[dir="rtl"] .app-main {
    direction: rtl;
}

[dir="rtl"] .app-main,
[dir="rtl"] .app-content,
[dir="rtl"] .si-page-header,
[dir="rtl"] .si-page-title,
[dir="rtl"] .si-page-subtitle,
[dir="rtl"] .si-toolbar,
[dir="rtl"] .si-zone-header,
[dir="rtl"] .si-section-title,
[dir="rtl"] .si-empty {
    text-align: right;
}

[dir="rtl"] .si-auth-form-side {
    box-shadow: -20px 0 60px rgba(0, 0, 0, 0.15);
}

[dir="rtl"] .si-auth-lang {
    right: auto;
    left: 1rem;
}

[dir="rtl"] .si-step {
    text-align: right;
}

[dir="rtl"] .si-preview-row,
[dir="rtl"] .si-hero-stats,
[dir="rtl"] .si-hero-actions {
    direction: rtl;
}

[dir="rtl"] .si-contact-info,
[dir="rtl"] .si-hero-lead,
[dir="rtl"] .si-section-subtitle {
    text-align: right;
}

[dir="rtl"] .si-topbar,
[dir="rtl"] .si-page-header {
    direction: rtl;
}

[dir="rtl"] .si-topbar-actions {
    margin-inline-start: auto;
    margin-inline-end: 0;
}

[dir="rtl"] .si-toolbar {
    direction: rtl;
}

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

[dir="rtl"] .si-sensor-row,
[dir="rtl"] .si-valve-row {
    direction: rtl;
}

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

[dir="rtl"] .si-valve-row .d-flex.align-items-center.gap-2 {
    /* flex-direction: row-reverse; */
}

[dir="rtl"] .si-nav-link {
    /* flex-direction: row-reverse; */
    text-align: right;
}

[dir="rtl"] .si-user-row {
    /* flex-direction: row-reverse; */
}

[dir="rtl"] .si-logo-sidebar {
    /* flex-direction: row-reverse; */
}

[dir="rtl"] .si-fab-menu {
    right: auto;
    left: 1.25rem;
}

[dir="rtl"] .si-empty {
    direction: rtl;
}

[dir="rtl"] .alert .bi {
    margin-right: 0 !important;
    margin-left: 0.5rem;
}

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

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

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

[dir="rtl"] .form-switch .form-check-input {
    float: none;
    margin-right: 0;
}

@media (min-width: 992px) {
    [dir="rtl"] .text-md-end {
        text-align: start !important;
    }
}