/* ============================================================
   Right-to-left overrides for the admin (Gentelella) shell.

   Loaded only when the active locale is RTL. Everything is scoped to
   [dir="rtl"] so including this file can never affect the LTR layout.

   Gentelella pins the sidebar with position:absolute/fixed and offsets the
   content with margin-left, so the flip has to be explicit -- `dir="rtl"`
   alone does not move absolutely positioned boxes or margins.
   ============================================================ */

/* --------------------------------------------------
   Arabic typeface
-------------------------------------------------- */

[dir="rtl"] body,
[dir="rtl"] .nav.side-menu > li > a,
[dir="rtl"] .nav.child_menu > li > a,
[dir="rtl"] .site_title,
[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] .btn,
[dir="rtl"] .form-control,
[dir="rtl"] .swal2-popup {
    font-family: 'Cairo', 'Tajawal', 'Segoe UI', Tahoma, sans-serif;
}

/* --------------------------------------------------
   Sidebar: pin to the right edge
-------------------------------------------------- */

[dir="rtl"] .nav-md .container.body .col-md-3.left_col,
[dir="rtl"] .nav-sm .container.body .col-md-3.left_col,
[dir="rtl"] .nav-md .container.body .col-md-3.left_col.menu_fixed,
[dir="rtl"] .nav-sm .container.body .col-md-3.left_col.menu_fixed {
    right: 0;
    left: auto;
}

[dir="rtl"] .nav_title {
    float: right;
}

[dir="rtl"] .site_title {
    padding-right: 10px;
    padding-left: 0;
    text-align: right;
}

[dir="rtl"] .nav-sm .navbar.nav_title a i {
    margin: 13px 3px 0 0;
}

/* Profile block */
[dir="rtl"] .profile_pic,
[dir="rtl"] .profile_info {
    float: right;
}

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

/* Active-item accent bar moves to the inner edge */
[dir="rtl"] .nav.side-menu > li.current-page,
[dir="rtl"] .nav.side-menu > li.active,
[dir="rtl"] .nav-sm .nav.child_menu li.active,
[dir="rtl"] .nav-sm .nav.side-menu li.active-sm {
    border-right: none;
    border-left: 5px solid #1ABB9C;
}

[dir="rtl"] .nav.side-menu > li > a,
[dir="rtl"] .nav.child_menu > li > a {
    text-align: right;
}

/* Collapse chevrons sit on the far (left) side in RTL */
[dir="rtl"] .nav.side-menu > li > a > .fa-chevron-down,
[dir="rtl"] .nav.side-menu > li > a > .fa-chevron-up,
[dir="rtl"] .nav.side-menu > li > a > span.fa {
    float: left;
    margin-right: 0;
    margin-left: 6px;
}

/* Child menu indentation + the dot/rail decoration */
[dir="rtl"] .nav.child_menu li {
    padding-right: 36px;
    padding-left: 0;
}

[dir="rtl"] .nav-md ul.nav.child_menu li:before {
    right: 23px;
    left: auto;
}

[dir="rtl"] .nav-md ul.nav.child_menu li:after {
    border-left: none;
    border-right: 1px solid #425668;
    right: 27px;
    left: auto;
}

/* Collapsed (nav-sm) flyout submenus open to the left */
[dir="rtl"] .nav-sm ul.nav.child_menu {
    right: 100%;
    left: auto;
}

[dir="rtl"] .nav-sm ul.nav.child_menu li a {
    text-align: right !important;
}

/* Sidebar footer shortcuts */
[dir="rtl"] .sidebar-footer a {
    float: right;
}

/* --------------------------------------------------
   Top navbar
-------------------------------------------------- */

[dir="rtl"] .main_container .top_nav {
    margin-right: 230px;
    margin-left: 0;
}

[dir="rtl"] .nav-sm .main_container .top_nav {
    margin-right: 70px;
    margin-left: 0;
}

[dir="rtl"] .nav-md .container.body .top_nav,
[dir="rtl"] .nav-sm .container.body .top_nav {
    left: 0;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

[dir="rtl"] .nav-md .container.body .top_nav {
    right: 230px;
}

[dir="rtl"] .nav-sm .container.body .top_nav {
    right: 70px;
}

[dir="rtl"] .toggle {
    float: right;
}

[dir="rtl"] .top_nav .navbar-right,
[dir="rtl"] .top_nav .navbar-right li {
    float: left;
}

[dir="rtl"] .nav_menu {
    padding-right: 5px;
    padding-left: 0;
}

/* --------------------------------------------------
   Main content + footer
-------------------------------------------------- */

[dir="rtl"] .nav-md .container.body .right_col {
    margin-right: 230px;
    margin-left: 0;
}

[dir="rtl"] .nav-sm .container.body .right_col {
    margin-right: 70px;
    margin-left: 0;
}

[dir="rtl"].footer_fixed footer,
[dir="rtl"] .footer_fixed footer,
[dir="rtl"].nav-md.footer_fixed footer,
[dir="rtl"] .nav-md.footer_fixed footer {
    margin-right: 230px !important;
    margin-left: 0 !important;
}

[dir="rtl"].nav-sm.footer_fixed footer,
[dir="rtl"] .nav-sm.footer_fixed footer {
    margin-right: 70px !important;
    margin-left: 0 !important;
}

[dir="rtl"] footer .pull-right {
    float: left !important;
}

/* --------------------------------------------------
   Narrow screens: sidebar is hidden (nav-md) or collapsed (nav-sm)
-------------------------------------------------- */

@media (max-width: 991px) {
    [dir="rtl"] .nav-md .container.body .top_nav {
        right: 0 !important;
        left: 0 !important;
    }

    [dir="rtl"] .nav-sm .container.body .top_nav {
        right: 70px !important;
        left: 0 !important;
    }

    [dir="rtl"] .nav-md .container.body .right_col,
    [dir="rtl"] .nav-md .container.body .top_nav {
        margin: 0;
    }

    [dir="rtl"] .nav-md .container.body .right_col {
        padding-left: 0;
        padding-right: 0;
        margin-right: 0;
    }

    [dir="rtl"].footer_fixed.nav-md footer,
    [dir="rtl"] .nav-md.footer_fixed footer {
        margin-right: 0 !important;
    }

    [dir="rtl"].nav-sm.footer_fixed footer,
    [dir="rtl"] .nav-sm.footer_fixed footer {
        margin-right: 70px !important;
    }
}

/* --------------------------------------------------
   Components: tables, forms, utilities
-------------------------------------------------- */

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

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

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

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

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

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

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

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

/* Numbers, money, dates and times stay LTR even inside RTL text */
[dir="rtl"] .ltr-num,
[dir="rtl"] .tile_stats_count .count,
[dir="rtl"] input[type="time"],
[dir="rtl"] input[type="date"],
[dir="rtl"] input[type="number"],
[dir="rtl"] input[type="tel"],
[dir="rtl"] input[type="email"],
[dir="rtl"] input[type="url"] {
    direction: ltr;
    text-align: right;
}

[dir="rtl"] .tile_stats_count .count {
    text-align: right;
}

/* Icon spacing helpers flip sides */
[dir="rtl"] .fa.me-1,
[dir="rtl"] .fa.me-2,
[dir="rtl"] .fa.mr-1,
[dir="rtl"] .fa.mr-2 {
    margin-right: 0 !important;
    margin-left: 0.35rem !important;
}

/* Select2 */
[dir="rtl"] .select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 12px;
    padding-left: 30px;
    text-align: right;
}

[dir="rtl"] .select2-container .select2-selection--single .select2-selection__arrow {
    right: auto;
    left: 6px;
}

[dir="rtl"] .select2-container--default .select2-search--dropdown .select2-search__field {
    direction: rtl;
    text-align: right;
}

/* SweetAlert2 */
[dir="rtl"] .swal2-popup {
    direction: rtl;
}

/* Bootstrap input-groups and form checks */
[dir="rtl"] .form-check {
    padding-right: 1.25rem;
    padding-left: 0;
}

[dir="rtl"] .form-check-input {
    margin-right: -1.25rem;
    margin-left: 0;
}