/* ============================================
   RTL LAYOUT SUPPORT
   ============================================ */

/* Text Alignment */
html[dir="rtl"] .text-left {
    text-align: right;
}

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

/* Margin Utilities */
html[dir="rtl"] .mr-1 {
    margin-left: 0.25rem;
    margin-right: 0;
}

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

html[dir="rtl"] .mr-3 {
    margin-left: 0.75rem;
    margin-right: 0;
}

html[dir="rtl"] .ml-1 {
    margin-right: 0.25rem;
    margin-left: 0;
}

html[dir="rtl"] .ml-2 {
    margin-right: 0.5rem;
    margin-left: 0;
}

html[dir="rtl"] .ml-3 {
    margin-right: 0.75rem;
    margin-left: 0;
}

/* Padding Utilities */
html[dir="rtl"] .pl-2 {
    padding-right: 0.5rem;
    padding-left: 0;
}

html[dir="rtl"] .pl-3 {
    padding-right: 0.75rem;
    padding-left: 0;
}

html[dir="rtl"] .pl-4 {
    padding-right: 1rem;
    padding-left: 0;
}

html[dir="rtl"] .pl-10 {
    padding-right: 2.5rem !important;
    padding-left: 0.75rem !important;
}

html[dir="rtl"] .pr-2 {
    padding-left: 0.5rem;
    padding-right: 0;
}

html[dir="rtl"] .pr-3 {
    padding-left: 0.75rem;
    padding-right: 0;
}

/* Override pr-3 when pl-10 is also present in RTL */
html[dir="rtl"] .pl-10.pr-3 {
    padding-right: 2.5rem !important;
    padding-left: 0.75rem !important;
}

html[dir="rtl"] .pr-4 {
    padding-left: 1rem;
    padding-right: 0;
}

/* Position Utilities */
html[dir="rtl"] .left-3 {
    right: 0.75rem;
    left: auto;
}

html[dir="rtl"] .right-3 {
    left: 0.75rem;
    right: auto;
}