/* =============================================
   RTL (Right-to-Left) Layout Overrides
   Applied when dir="rtl" (Arabic, Hebrew, etc.)
   ============================================= */

/* ---- BASE DIRECTION ---- */
[dir="rtl"] body,
[dir="rtl"] .app {
    direction: rtl;
    text-align: right;
}

/* ---- SIDEBAR ---- */
[dir="rtl"] .app-sidebar {
    right: 0;
    left: auto !important;
    border-left: 1px solid #e9ebf0;
    border-right: none;
}

[dir="rtl"] .app-content {
    margin-right: 250px !important;
    margin-left: 0 !important;
}

[dir="rtl"] .side-menu__icon {
    margin-left: 10px !important;
    margin-right: 0 !important;
}

[dir="rtl"] .side-menu__label {
    text-align: right;
}

[dir="rtl"] .angle {
    right: auto !important;
    left: 10px !important;
}

[dir="rtl"] .slide-menu {
    padding-right: 40px !important;
    padding-left: 0 !important;
}

[dir="rtl"] .slide-item {
    text-align: right;
}

[dir="rtl"] .slide-child-icon {
    margin-left: 8px !important;
    margin-right: 0 !important;
}

/* ---- TOP HEADER ---- */
[dir="rtl"] .app-header .d-flex {
    flex-direction: row-reverse;
}

[dir="rtl"] .app-header .ml-auto {
    margin-left: 0 !important;
    margin-right: auto !important;
}

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

[dir="rtl"] .dropdown-menu-arrow:after,
[dir="rtl"] .dropdown-menu-arrow:before {
    right: auto;
    left: 12px;
}

/* ---- PLAN/CREDITS SECTION ---- */
[dir="rtl"] .side-plan-wrapper {
    text-align: center;
}

/* ---- PAGE HEADER ---- */
[dir="rtl"] .page-header {
    text-align: right;
}

[dir="rtl"] .page-header .breadcrumb {
    justify-content: flex-end;
}

/* ---- CARDS / CONTENT ---- */
[dir="rtl"] .card,
[dir="rtl"] .card-body,
[dir="rtl"] .card-header {
    text-align: right;
}

[dir="rtl"] .mr-1, [dir="rtl"] .mr-2, [dir="rtl"] .mr-3,
[dir="rtl"] .mr-4, [dir="rtl"] .mr-5, [dir="rtl"] .mr-6 {
    margin-right: 0 !important;
}

[dir="rtl"] .ml-1 { margin-right: 0.25rem !important; margin-left: 0 !important; }
[dir="rtl"] .ml-2 { margin-right: 0.5rem !important;  margin-left: 0 !important; }
[dir="rtl"] .ml-3 { margin-right: 1rem !important;    margin-left: 0 !important; }
[dir="rtl"] .ml-4 { margin-right: 1.5rem !important;  margin-left: 0 !important; }
[dir="rtl"] .ml-5 { margin-right: 3rem !important;    margin-left: 0 !important; }

[dir="rtl"] .mr-1 { margin-left: 0.25rem !important;  }
[dir="rtl"] .mr-2 { margin-left: 0.5rem !important;   }
[dir="rtl"] .mr-3 { margin-left: 1rem !important;     }
[dir="rtl"] .mr-4 { margin-left: 1.5rem !important;   }
[dir="rtl"] .mr-5 { margin-left: 3rem !important;     }

[dir="rtl"] .pl-1 { padding-right: 0.25rem !important; padding-left: 0 !important; }
[dir="rtl"] .pl-2 { padding-right: 0.5rem !important;  padding-left: 0 !important; }
[dir="rtl"] .pl-3 { padding-right: 1rem !important;    padding-left: 0 !important; }
[dir="rtl"] .pl-4 { padding-right: 1.5rem !important;  padding-left: 0 !important; }
[dir="rtl"] .pl-5 { padding-right: 3rem !important;    padding-left: 0 !important; }
[dir="rtl"] .pl-6 { padding-right: 3.5rem !important;  padding-left: 0 !important; }

[dir="rtl"] .pr-1 { padding-left: 0.25rem !important; padding-right: 0 !important; }
[dir="rtl"] .pr-2 { padding-left: 0.5rem !important;  padding-right: 0 !important; }
[dir="rtl"] .pr-3 { padding-left: 1rem !important;    padding-right: 0 !important; }
[dir="rtl"] .pr-4 { padding-left: 1.5rem !important;  padding-right: 0 !important; }
[dir="rtl"] .pr-5 { padding-left: 3rem !important;    padding-right: 0 !important; }
[dir="rtl"] .pr-6 { padding-left: 3.5rem !important;  padding-right: 0 !important; }

/* ---- FORMS ---- */
[dir="rtl"] .form-control,
[dir="rtl"] .form-select,
[dir="rtl"] input,
[dir="rtl"] textarea,
[dir="rtl"] select {
    text-align: right;
}

[dir="rtl"] .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-radius: 6px 0 0 6px !important;
}

[dir="rtl"] .input-group > :first-child {
    border-radius: 0 6px 6px 0 !important;
}

/* ---- BUTTONS ---- */
[dir="rtl"] .btn i,
[dir="rtl"] .btn .fa,
[dir="rtl"] .btn .bi {
    margin-left: 6px;
    margin-right: 0;
}

/* ---- TABLES ---- */
[dir="rtl"] .table th,
[dir="rtl"] .table td {
    text-align: right;
}

/* ---- BADGES ---- */
[dir="rtl"] .badge {
    margin-left: 0;
    margin-right: 6px;
}

/* ---- NOTIFICATIONS / DROPDOWNS ---- */
[dir="rtl"] .header-notify .dropdown-menu,
[dir="rtl"] .header-languages .dropdown-menu,
[dir="rtl"] .header-locale .dropdown-menu {
    right: 0 !important;
    left: auto !important;
}

/* ---- BREADCRUMB ---- */
[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
    float: right;
    padding-right: 0;
    padding-left: 0.5rem;
    content: "\\";
}

/* ---- MOBILE RESPONSIVE ---- */
@media (max-width: 992px) {
    [dir="rtl"] .app-content {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    [dir="rtl"] .app-sidebar {
        right: -250px;
        left: auto !important;
        transition: right 0.3s ease;
    }

    [dir="rtl"] .app.sidenav-toggled .app-sidebar {
        right: 0;
    }
}

/* ---- FRONTEND / LANDING PAGE ---- */
[dir="rtl"] .navbar-nav {
    flex-direction: row-reverse;
}

[dir="rtl"] .navbar-brand {
    margin-right: 0;
    margin-left: 1rem;
}

[dir="rtl"] .ab-hero__text {
    text-align: right;
}

[dir="rtl"] .ab-feature-item {
    flex-direction: row-reverse;
    text-align: right;
}

[dir="rtl"] .ab-feature-item__icon {
    margin-right: 0;
    margin-left: 16px;
}

[dir="rtl"] .ab-card__list li {
    text-align: right;
}

[dir="rtl"] .ab-card__list li i {
    margin-right: 0;
    margin-left: 8px;
}

[dir="rtl"] .ab-checklist li {
    text-align: right;
}

[dir="rtl"] .ab-checklist li i {
    margin-right: 0;
    margin-left: 8px;
}

[dir="rtl"] .bi-arrow-right::before {
    content: "\F12F"; /* bi-arrow-left for RTL */
}

[dir="rtl"] footer {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] .footer-link {
    text-align: right;
}

/* ---- CHAT LAYOUT ---- */
[dir="rtl"] .chat-layout,
[dir="rtl"] .chat-sidebar,
[dir="rtl"] .chat-content {
    direction: rtl;
}

/* ---- TOASTS & ALERTS ---- */
[dir="rtl"] .toast,
[dir="rtl"] .alert {
    text-align: right;
}

[dir="rtl"] .toast-close-button,
[dir="rtl"] .btn-close {
    float: left !important;
}

/* ---- DARK THEME COMPAT ---- */
[dir="rtl"].dark-theme .app-sidebar {
    border-left: 1px solid #2a2a40;
    border-right: none;
}