/* ============================================
   Admin Panel RTL Custom Styles
   Comprehensive RTL + Mobile Responsive
   ============================================ */

/* =========================
   0. Global RTL Override
   ========================= */
html[dir="rtl"] body,
html[dir="rtl"] * {
    direction: rtl;
}


/* Fix small-box icon position in RTL */
.small-box .icon > i {
    left: 15px;
    right: unset;
}

/* =========================
   1. Base RTL Direction
   ========================= */
[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

/* =========================
   1.2 Headings, Paragraphs & Text Elements RTL
   ========================= */
[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] h6,
[dir="rtl"] p,
[dir="rtl"] span,
[dir="rtl"] label,
[dir="rtl"] a,
[dir="rtl"] li,
[dir="rtl"] dt,
[dir="rtl"] dd,
[dir="rtl"] address,
[dir="rtl"] blockquote,
[dir="rtl"] pre,
[dir="rtl"] caption,
[dir="rtl"] figcaption,
[dir="rtl"] summary,
[dir="rtl"] article,
[dir="rtl"] section,
[dir="rtl"] aside,
[dir="rtl"] div:not(.main-sidebar):not(.main-header):not(.content-wrapper):not(.main-footer) {
    text-align: right;
}

/* =========================
   1.5 Sidebar Position Fix
   ========================= */
[dir="rtl"] .main-sidebar {
    right: 0 !important;
    left: auto !important;
}



@media (max-width: 991.98px) {
    [dir="rtl"] .content-wrapper,
    [dir="rtl"] .main-footer,
    [dir="rtl"] .main-header {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
}

/* =========================
   2. Sidebar RTL
   ========================= */
[dir="rtl"] .main-sidebar {
    right: 0;
    left: auto;
}

/* Main Header, Content Wrapper, and Footer RTL */
[dir="rtl"] body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper,
[dir="rtl"] body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer,
[dir="rtl"] body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header {
    margin-right: 250px;
    margin-left: 0;
}

/* Collapsed Sidebar RTL */
[dir="rtl"] body.sidebar-collapse .content-wrapper,
[dir="rtl"] body.sidebar-collapse .main-footer,
[dir="rtl"] body.sidebar-collapse .main-header {
    margin-right: 4.6rem !important;
    margin-left: 0 !important;
}

[dir="rtl"] body.sidebar-mini-md:not(.layout-top-nav) .content-wrapper,
[dir="rtl"] body.sidebar-mini-md:not(.layout-top-nav) .main-footer,
[dir="rtl"] body.sidebar-mini-md:not(.layout-top-nav) .main-header,
[dir="rtl"] body.sidebar-mini-xs:not(.layout-top-nav) .content-wrapper,
[dir="rtl"] body.sidebar-mini-xs:not(.layout-top-nav) .main-footer,
[dir="rtl"] body.sidebar-mini-xs:not(.layout-top-nav) .main-header {
    margin-right: 4.6rem;
    margin-left: 0;
}

/* Fallback selectors */
[dir="rtl"] .main-header .navbar {
    margin-right: 250px;
    margin-left: 0;
}

[dir="rtl"] .content-wrapper,
[dir="rtl"] .main-footer {
    margin-right: 250px;
    margin-left: 0;
}

/* =========================
   3. Sidebar Navigation RTL
   ========================= */
[dir="rtl"] .main-sidebar .nav-sidebar .nav-item>.nav-link {
    padding-right: 0.75rem;
    padding-left: 1rem;
}

[dir="rtl"] .main-sidebar .nav-sidebar .nav-treeview {
    padding-right: 0;
    padding-left: 1rem;
}

[dir="rtl"] .main-sidebar .nav-sidebar .nav-treeview .nav-link {
    padding-right: 0.75rem;
    padding-left: 1.5rem;
}

/* Active link in submenu */
[dir="rtl"] .main-sidebar .nav-sidebar .nav-treeview .nav-link.active {
    padding-right: 0.75rem;
    padding-left: 1.5rem;
    background-color: var(--site-primary) !important;
    color: #fff !important;
}

[dir="rtl"] .main-sidebar .nav-sidebar .nav-treeview .nav-link.active i {
    color: #fff !important;
}

[dir="rtl"] .main-sidebar .nav-sidebar .nav-item>.nav-link>i {
    margin-right: 0;
    margin-left: 0.5rem;
}

[dir="rtl"] .main-sidebar .nav-sidebar .nav-item>.nav-link>p {
    margin-right: 0.5rem;
    margin-left: 0;
}

[dir="rtl"] .brand-link {
    text-align: center !important;
}

[dir="rtl"] .brand-link i {
    margin-left: 0.5rem;
    margin-right: 0;
}

/* Sidebar Menu Arrows RTL */
[dir="rtl"] .nav-sidebar .nav-link p .fa-angle-left.right,
[dir="rtl"] .nav-sidebar .nav-link p .right {
    float: left !important;
    right: auto !important;
    left: 5px !important;
    margin-right: 0 !important;
    margin-left: auto !important;
}

[dir="rtl"] .nav-sidebar .nav-link>p .fa-angle-left {
    transform: rotate(0deg) !important;
}

[dir="rtl"] .nav-sidebar .nav-link.menu-open>p .fa-angle-left,
[dir="rtl"] .nav-sidebar .nav-link.menu-is-opening>p .fa-angle-left,
[dir="rtl"] .nav-sidebar .nav-item.menu-open>.nav-link>p .fa-angle-left,
[dir="rtl"] .nav-sidebar .nav-item.menu-is-opening>.nav-link>p .fa-angle-left {
    transform: rotate(90deg) !important;
}

/* Sidebar toggle button */
[dir="rtl"] .main-header [data-widget="pushmenu"] {
    margin-left: auto;
    margin-right: 0;
}

/* =========================
   4. Content Header RTL
   ========================= */
[dir="rtl"] .content-header {
    text-align: right;
}

[dir="rtl"] .content-header h1 {
    text-align: right;
}

/* =========================
   5. Forms RTL
   ========================= */
[dir="rtl"] .form-group-modern {
    text-align: right;
}

[dir="rtl"] .form-label-modern {
    text-align: right;
}

[dir="rtl"] .form-label-modern i {
    margin-right: 0;
    margin-left: 0.5rem;
}

[dir="rtl"] .form-control-modern,
[dir="rtl"] .form-control {
    text-align: right;
    direction: rtl;
}

[dir="rtl"] .form-control-modern::placeholder,
[dir="rtl"] .form-control::placeholder {
    text-align: right;
}

/* Standard form-group */
[dir="rtl"] .form-group label {
    text-align: right;
    display: block;
}

[dir="rtl"] .form-group .form-control {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] .form-group textarea.form-control {
    direction: rtl;
    text-align: right;
}

/* Card titles */
[dir="rtl"] .card-title {
    text-align: right;
    float: right;
}

[dir="rtl"] .card-title i {
    margin-right: 0;
    margin-left: 0.5rem;
}

[dir="rtl"] .card-header {
    text-align: right;
    direction: rtl;
}

[dir="rtl"] .card-header::after {
    content: "";
    display: table;
    clear: both;
}

[dir="rtl"] .card-tools {
    float: left;
}

[dir="rtl"] .content-header h1 {
    text-align: right;
}

/* Input Group RTL */
[dir="rtl"] .input-group-prepend {
    order: 2;
}

[dir="rtl"] .input-group-append {
    order: 1;
}

[dir="rtl"] .input-group>.form-control {
    order: 1;
}

[dir="rtl"] .input-group>.input-group-prepend>.input-group-text {
    border-left: 0;
    border-right: 1px solid #ced4da;
    border-radius: 0 0.25rem 0.25rem 0;
}

[dir="rtl"] .input-group>.input-group-append>.input-group-text {
    border-right: 0;
    border-left: 1px solid #ced4da;
    border-radius: 0.25rem 0 0 0.25rem;
}

/* Login page input icons radius fix for RTL */
.login-box .input-group>.input-group-append>.input-group-text,
.login-box .input-group>.input-group-append>.btn,
.login-box .input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.login-box .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
.login-box .input-group>.input-group-prepend:not(:first-child)>.btn,
.login-box .input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.login-box .input-group>.input-group-prepend>.input-group-text,
.login-box .input-group>.input-group-prepend>.btn {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

/* Custom File Input RTL */
[dir="rtl"] .custom-file-label::after {
    right: auto;
    left: 0;
    border-right: inherit;
    border-left: 0;
    border-radius: 0.375rem 0 0 0.375rem;
}

[dir="rtl"] .custom-file-label {
    text-align: right;
    padding-right: 0.75rem;
    padding-left: 2.5rem;
}

/* Custom Switch RTL */
[dir="rtl"] .custom-control {
    padding-left: 0;
    padding-right: 1.5rem;
}

[dir="rtl"] .custom-switch {
    padding-left: 0;
    padding-right: 2.25rem;
}

[dir="rtl"] .custom-control-label::before,
[dir="rtl"] .custom-control-label::after {
    left: auto;
    right: -1.5rem;
}

[dir="rtl"] .custom-switch .custom-control-label::before {
    left: auto;
    right: -2.25rem;
}

[dir="rtl"] .custom-switch .custom-control-label::after {
    left: auto;
    right: calc(-2.25rem + 2px);
}

[dir="rtl"] .custom-switch .custom-control-input:checked~.custom-control-label::after {
    transform: translateX(-0.75rem);
}

/* Form check RTL */
[dir="rtl"] .form-check {
    padding-left: 0;
    padding-right: 1.25rem;
}

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

/* Login form remember checkbox - align to start (right in RTL) */
[dir="rtl"] .login-box .col-7 label {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

[dir="rtl"] .login-box .col-7 input[type="checkbox"] {
    margin-right: 0.5rem;
    margin-left: 0;
}

/* =========================
   6. Section Card RTL
   ========================= */
[dir="rtl"] .section-title {
    text-align: right;
}

[dir="rtl"] .section-title i {
    margin-right: 0;
    margin-left: 0.5rem;
}

/* Form Footer RTL */
[dir="rtl"] .form-footer-modern {
    justify-content: flex-start;
}

/* =========================
   7. Buttons RTL
   ========================= */
[dir="rtl"] .btn-group>.btn:not(:first-child) {
    margin-right: -1px;
    margin-left: 0;
}

[dir="rtl"] .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

[dir="rtl"] .btn-group>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

[dir="rtl"] .btn i {
    margin-right: 0;
    margin-left: 0.35rem;
}

/* =========================
   8. DataTables RTL
   ========================= */
[dir="rtl"] .dataTables_wrapper .dataTables_length {
    float: right;
}

[dir="rtl"] .dataTables_wrapper .dataTables_filter {
    float: left;
    text-align: left;
}

[dir="rtl"] .dataTables_wrapper .dataTables_filter input {
    margin-right: 0;
    margin-left: 0.5em;
}

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

[dir="rtl"] .dataTables_wrapper .dataTables_paginate {
    float: left;
}

[dir="rtl"] .dataTables_wrapper .dataTables_paginate .paginate_button {
    float: right;
}

[dir="rtl"] table.dataTable thead th {
    text-align: right;
    font-size: 0.85rem;
    font-weight: normal;
}

[dir="rtl"] table.dataTable tbody td {
    text-align: right;
}

/* DataTables Buttons */
[dir="rtl"] .dt-buttons .btn {
    margin-right: 0;
    margin-left: 0.5rem;
}

/* =========================
   9. Table Actions RTL
   ========================= */
[dir="rtl"] .table-actions .btn,
[dir="rtl"] .table-actions .table-action-btn {
    margin-right: 1px !important;
    margin-left: 0 !important;
}

[dir="rtl"] .table-actions .btn:last-child,
[dir="rtl"] .table-actions .table-action-btn:last-child {
    margin-right: 0 !important;
}

/* =========================
   10. Alert RTL
   ========================= */
[dir="rtl"] .alert {
    text-align: right;
}

[dir="rtl"] .alert .d-flex {
    flex-direction: row-reverse;
}

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

/* Currency Note Alert RTL */
[dir="rtl"] .currency-note-alert {
    text-align: right;
}

[dir="rtl"] .currency-note-content {
    flex-direction: row;
}

[dir="rtl"] .currency-note-icon {
    margin-right: 0.5rem !important;
    margin-left: 0 !important;
    order: 1;
}

[dir="rtl"] .currency-note-text {
    text-align: right;
    order: 2;
}

/* =========================
   11. Card RTL
   ========================= */
[dir="rtl"] .card-header {
    text-align: right;
}

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

/* Card Tabs RTL */
[dir="rtl"] .card-tabs .nav-tabs {
    padding-right: 0;
}

/* =========================
   12. Navbar RTL
   ========================= */
[dir="rtl"] .nav {
    padding-right: 0;
    padding-left: inherit;
}

[dir="rtl"] .navbar-nav {
    flex-direction: row-reverse;
    padding-right: 0;
    padding-left: inherit;
}

[dir="rtl"] .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

/* Breadcrumb RTL */
[dir="rtl"] .breadcrumb {
    direction: rtl;
}

/* =========================
   13. Dropdown RTL
   ========================= */
[dir="rtl"] .dropdown-menu {
    right: 0;
    left: auto;
    text-align: right;
}

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

[dir="rtl"] .dropdown-item i {
    margin-right: 0;
    margin-left: 0.5rem;
}

/* =========================
   14. Badge RTL
   ========================= */
[dir="rtl"] .badge {
    margin-right: 0;
    margin-left: 0.25rem;
}

/* =========================
   15. Page Header Actions RTL
   ========================= */
[dir="rtl"] .page-header-actions {
    text-align: left;
}

[dir="rtl"] .page-header-actions .btn {
    margin-right: 0;
    margin-left: 0.5rem;
}

/* =========================
   16. Modal RTL
   ========================= */
[dir="rtl"] .modal-header {
    flex-direction: row-reverse;
}

[dir="rtl"] .modal-header .close {
    margin-right: auto;
    margin-left: 0;
    padding-right: 1rem;
    padding-left: 0;
}

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

[dir="rtl"] .modal-footer {
    flex-direction: row-reverse;
}

[dir="rtl"] .modal-footer .btn {
    margin-right: 0;
    margin-left: 0.25rem;
}

/* =========================
   17. SweetAlert2 RTL
   ========================= */
[dir="rtl"] .swal2-popup,
[dir="rtl"] .swal2-popup .swal2-title,
[dir="rtl"] .swal2-popup .swal2-html-container,
[dir="rtl"] .swal2-popup .swal2-content,
[dir="rtl"] .swal2-popup .swal2-actions {
    text-align: center !important;
}

[dir="rtl"] .swal2-actions {
    flex-direction: row-reverse;
}

[dir="rtl"] .swal2-actions button {
    margin-right: 0;
    margin-left: 0.5rem;
}

/* =========================
   18. Select2 RTL
   ========================= */
[dir="rtl"] .select2-container--bootstrap4 .select2-selection__rendered {
    text-align: right;
    padding-right: 0.75rem;
    padding-left: 2rem;
}

[dir="rtl"] .select2-container--bootstrap4 .select2-selection__arrow {
    left: 5px;
    right: auto;
}

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

[dir="rtl"] .select2-results__option {
    text-align: right;
    direction: rtl;
}

/* =========================
   19. Bulk Actions Bar RTL
   ========================= */
[dir="rtl"] .bulk-actions-bar {
    flex-direction: row-reverse;
}

[dir="rtl"] .bulk-actions-bar .selected-count {
    flex-direction: row-reverse;
}

[dir="rtl"] .bulk-actions-bar .bulk-count-text {
    flex-direction: row-reverse;
}

[dir="rtl"] .bulk-actions-bar .bulk-actions-buttons {
    flex-direction: row-reverse;
}

[dir="rtl"] .bulk-actions-bar .bulk-actions-buttons .btn i {
    margin-right: 0;
    margin-left: 0.25rem;
}

/* =========================
   20. Amenities RTL
   ========================= */
[dir="rtl"] .amenity-icon,
[dir="rtl"] .amenity-icon-placeholder {
    margin-right: 0;
    margin-left: 0.75rem;
}

/* =========================
   21. Close Button RTL
   ========================= */
[dir="rtl"] .alert .close,
[dir="rtl"] .alert-dismissible .close {
    left: 0;
    right: auto;
}

/* ============================================
   RESPONSIVE RTL - Desktop (min 992px)
   ============================================ */
@media (min-width: 992px) {
    [dir="rtl"] .content-wrapper {
        margin-right: 250px;
        margin-left: 0;
    }
}

/* ============================================
   RESPONSIVE RTL - Tablet & Mobile (max 991px)
   ============================================ */
@media (max-width: 991.98px) {

    [dir="rtl"] .content-wrapper,
    [dir="rtl"] .main-footer,
    [dir="rtl"] .main-header {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    [dir="rtl"] .main-header .navbar {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    /* Sidebar off-screen positioning for mobile RTL */
    [dir="rtl"] .main-sidebar {
        right: 0;
        left: auto;
        transform: translateX(250px);
        transition: transform 0.3s ease-in-out;
    }

    [dir="rtl"] body.sidebar-open .main-sidebar {
        transform: translateX(0);
    }

    /* Sidebar overlay */
    [dir="rtl"] body.sidebar-open::after {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.5);
        z-index: 1030;
    }

    [dir="rtl"] body.sidebar-open .main-sidebar {
        z-index: 1040;
    }

    /* Collapsed sidebar on mobile */
    [dir="rtl"] body.sidebar-collapse .content-wrapper,
    [dir="rtl"] body.sidebar-collapse .main-footer,
    [dir="rtl"] body.sidebar-collapse .main-header {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    /* Content header mobile */
    [dir="rtl"] .content-header .d-flex {
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    [dir="rtl"] .content-header h1 {
        font-size: 1.1rem;
    }
}

/* ============================================
   RESPONSIVE RTL - Mobile Only (max 767px)
   ============================================ */
@media (max-width: 767.98px) {

    /* DataTables mobile */
    [dir="rtl"] .dataTables_wrapper .dataTables_length,
    [dir="rtl"] .dataTables_wrapper .dataTables_filter {
        float: none;
        text-align: right;
    }

    [dir="rtl"] .dataTables_wrapper .dataTables_info,
    [dir="rtl"] .dataTables_wrapper .dataTables_paginate {
        float: none;
        text-align: center;
    }

    /* Bulk actions mobile */
    [dir="rtl"] .bulk-actions-bar {
        flex-direction: column;
        align-items: stretch;
        text-align: center;
    }

    [dir="rtl"] .bulk-actions-bar .bulk-actions-buttons {
        justify-content: center;
        flex-wrap: wrap;
    }
}

/* =========================
   22. Utility Classes RTL
   ========================= */
[dir="rtl"] .text-left {
    text-align: right !important;
}

[dir="rtl"] .text-right {
    text-align: left !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"] .ml-1,
[dir="rtl"] .ml-2,
[dir="rtl"] .ml-3,
[dir="rtl"] .ml-4,
[dir="rtl"] .ml-5 {
    margin-left: 0 !important;
}

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

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

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

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

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

[dir="rtl"] .ml-1 {
    margin-right: 0.25rem !important;
}

[dir="rtl"] .ml-2 {
    margin-right: 0.5rem !important;
}

[dir="rtl"] .ml-3 {
    margin-right: 1rem !important;
}

[dir="rtl"] .ml-4 {
    margin-right: 1.5rem !important;
}

[dir="rtl"] .ml-5 {
    margin-right: 3rem !important;
}

[dir="rtl"] .pl-1,
[dir="rtl"] .pl-2,
[dir="rtl"] .pl-3,
[dir="rtl"] .pl-4,
[dir="rtl"] .pl-5 {
    padding-left: 0 !important;
}

[dir="rtl"] .pl-1 {
    padding-right: 0.25rem !important;
}

[dir="rtl"] .pl-2 {
    padding-right: 0.5rem !important;
}

[dir="rtl"] .pl-3 {
    padding-right: 1rem !important;
}

[dir="rtl"] .pl-4 {
    padding-right: 1.5rem !important;
}

[dir="rtl"] .pl-5 {
    padding-right: 3rem !important;
}

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

[dir="rtl"] .pr-1 {
    padding-left: 0.25rem !important;
}

[dir="rtl"] .pr-2 {
    padding-left: 0.5rem !important;
}

[dir="rtl"] .pr-3 {
    padding-left: 1rem !important;
}

[dir="rtl"] .pr-4 {
    padding-left: 1.5rem !important;
}

[dir="rtl"] .pr-5 {
    padding-left: 3rem !important;
}

/* Float RTL */
[dir="rtl"] .float-left {
    float: right !important;
}

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

/* =========================
   23. List Groups RTL
   ========================= */
[dir="rtl"] .list-group-item {
    text-align: right;
}

/* ============================================
   24. Mobile Responsive Fixes
   ============================================ */
@media (max-width: 767.98px) {
    /* Make tables scrollable horizontally on mobile */
    [dir="rtl"] .card-body {
        overflow-x: auto;
        padding: 0.75rem;
    }

    /* Ensure tables don't break layout */
    [dir="rtl"] table.dataTable {
        min-width: 600px;
    }

    /* Smaller font for mobile */
    [dir="rtl"] body {
        font-size: 0.9rem;
    }

    /* Card title smaller on mobile */
    [dir="rtl"] .card-title {
        font-size: 0.95rem;
    }

    /* Content header smaller */
    [dir="rtl"] .content-header h1 {
        font-size: 1.1rem;
    }

    /* Sidebar nav links smaller */
    [dir="rtl"] .nav-sidebar .nav-link {
        padding: 0.5rem 0.75rem;
    }

    /* Ensure wrapper doesn't overflow */
    [dir="rtl"] .wrapper {
        overflow-x: hidden;
    }

    /* Fix small-box layout on mobile */
    [dir="rtl"] .small-box {
        margin-bottom: 0.75rem;
    }

    /* Button groups wrap on mobile */
    [dir="rtl"] .btn-group {
        flex-wrap: wrap;
    }
}

@media (max-width: 575.98px) {
    /* Extra small screens */
    [dir="rtl"] .card-body {
        padding: 0.5rem;
    }

    [dir="rtl"] .content-header {
        padding: 0.5rem 0;
    }

    [dir="rtl"] .main-footer {
        font-size: 0.8rem;
    }
}

/* Action buttons gap */
[dir="rtl"] .btn-sm { margin-left: 0.25rem; }
[dir="rtl"] .btn-sm:last-child { margin-left: 0; }
[dir="rtl"] form.d-inline .btn-sm { margin-left: 0.25rem; }
[dir="rtl"] form.d-inline:last-child .btn-sm { margin-left: 0; }

.list-group {
    padding-left:unset;
    padding-right: 0;
}

.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,
.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after,
.input-group:not(.has-validation)>.custom-select:not(:last-child),
.input-group:not(.has-validation)>.form-control:not(:last-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}