/* ============================================================
   RTL Overrides — My-Account Dashboard
   Auto-loaded by PrestaShop FrontController when language is RTL
   Body class: .lang-rtl
   ============================================================ */

/* ─── Sidebar ─── */

/* Mobile sidebar slides in from the right instead of left */
@media (max-width: 991.98px) {
    .lang-rtl #sidebar-wrapper {
        transform: translateX(100%);
    }
}

/* Ensure sidebar overlay covers correctly */
.lang-rtl #sidebar-overlay {
    left: auto;
    right: 0;
}

/* ─── Top Bar ─── */

/* Notification badge / absolute-positioned elements
   that can't use logical properties */

/* ─── Dashboard Cards ─── */

/* Ensure metric card decorative element mirrors */
.lang-rtl .metric-card::after {
    right: auto;
    left: 0;
    border-radius: 0 0 40px 0;
}

/* ─── Dropdown Menus ─── */

/* Ensure dropdown opens on correct side in RTL */
.lang-rtl .profile-dropdown-menu {
    left: auto;
    right: 0;
}

/* ─── Directional Icons ─── */

/* Flip chevron/arrow icons in RTL context */
.lang-rtl .bi-chevron-left::before,
.lang-rtl .fa-chevron-left::before {
    content: "\F284"; /* bi-chevron-right */
}

.lang-rtl .bi-chevron-right::before,
.lang-rtl .fa-chevron-right::before {
    content: "\F285"; /* bi-chevron-left */
}

.lang-rtl .bi-arrow-left::before {
    content: "\F138"; /* bi-arrow-right */
}

.lang-rtl .bi-arrow-right::before {
    content: "\F12F"; /* bi-arrow-left */
}

/* ─── Form Controls ─── */

/* Ensure search input placeholder text aligns correctly */
.lang-rtl .search-input {
    text-align: right;
}

/* ─── Tables ─── */

/* DataTables: ensure proper direction in RTL */
.lang-rtl .dataTables_wrapper .dataTables_filter {
    text-align: left;
}

.lang-rtl .dataTables_wrapper .dataTables_length {
    text-align: right;
}

/* ─── DataTable Pagination ─── */
.lang-rtl .dataTables_wrapper .dataTables_paginate {
    text-align: left;
}

/* ─── Utility Overrides ─── */
.lang-rtl .text-start {
    text-align: right !important;
}

.lang-rtl .text-end {
    text-align: left !important;
}


.lang-rtl .me-3 {
    margin-left: 1rem !important;
}
.lang-rtl .nav-link-custom {
    border-right: 2px solid #EEEEEE1A;
    margin-right: 1.3rem;
	border-left:0px;
	margin-left:0px;
}