/* =============================================================================
   LexaPartner — RTL Overrides (rtl.css)
   Applied when html[lang="ar"] or body[dir="rtl"] is active.
   Flips Bootstrap margins, paddings, borders, and text alignment.
   ============================================================================= */

/* ── Direction ────────────────────────────────────────────────────────────────── */
html[lang="ar"] body,
body[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

/* ── Bootstrap Margin Flips ───────────────────────────────────────────────────── */
body[dir="rtl"] .me-1, body[dir="rtl"] .me-2, body[dir="rtl"] .me-3,
body[dir="rtl"] .me-4, body[dir="rtl"] .me-5, body[dir="rtl"] .me-auto {
    margin-right: inherit !important;
    margin-left: inherit !important;
}

body[dir="rtl"] .ms-1, body[dir="rtl"] .ms-2, body[dir="rtl"] .ms-3,
body[dir="rtl"] .ms-4, body[dir="rtl"] .ms-5, body[dir="rtl"] .ms-auto {
    margin-left: inherit !important;
    margin-right: inherit !important;
}

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

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

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

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

/* ── Bootstrap Padding Flips ──────────────────────────────────────────────────── */
body[dir="rtl"] .ps-3 {
    padding-right: 1rem !important;
    padding-left: 0 !important;
}

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

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

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

/* ── Border Flips ─────────────────────────────────────────────────────────────── */
body[dir="rtl"] .border-start {
    border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    border-left: 0 !important;
}

body[dir="rtl"] .border-end {
    border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    border-right: 0 !important;
}

/* ── Text Alignment ───────────────────────────────────────────────────────────── */
body[dir="rtl"] .text-start {
    text-align: right !important;
}

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

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

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

/* ── Flexbox Flips ────────────────────────────────────────────────────────────── */
body[dir="rtl"] .justify-content-end {
    justify-content: flex-start !important;
}

body[dir="rtl"] .justify-content-start {
    justify-content: flex-end !important;
}

/* ── Icons ────────────────────────────────────────────────────────────────────── */
body[dir="rtl"] .bi-arrow-left::before {
    content: "\F12C"; /* bi-arrow-right */
}

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

/* ── Theme Panel RTL Position ─────────────────────────────────────────────────── */
body[dir="rtl"] .theme-panel {
    right: auto;
    left: 0;
    border-right: 1px solid var(--border);
    border-left: none;
    border-radius: 0 var(--lx-radius-md) var(--lx-radius-md) 0;
    box-shadow: 4px 4px 15px var(--shadow-color);
}

/* ── Form Controls ────────────────────────────────────────────────────────────── */
body[dir="rtl"] .form-control,
body[dir="rtl"] .form-select {
    text-align: right;
}

/* ── List Group ───────────────────────────────────────────────────────────────── */
body[dir="rtl"] .list-group-item {
    text-align: right;
}

/* ── Dropdown ─────────────────────────────────────────────────────────────────── */
body[dir="rtl"] .dropdown-menu {
    text-align: right;
}

/* ── Breadcrumb ───────────────────────────────────────────────────────────────── */
body[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
    content: "\\";
    float: right;
    padding-right: 0;
    padding-left: var(--bs-breadcrumb-item-padding-x);
}

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

/* ── Badge ────────────────────────────────────────────────────────────────────── */
body[dir="rtl"] .d-flex {
    /* Preserve flex direction but swap content order visually */
}

body[dir="rtl"] .gap-2 > * {
    /* gap works regardless of direction */
}