/* RTL (Right-to-Left) Support */

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

/* Navbar RTL */
body[dir="rtl"] .navbar-nav {
    flex-direction: row-reverse;
}

body[dir="rtl"] .navbar-brand {
    margin-right: 0;
    margin-left: auto;
}

/* Forms RTL */
body[dir="rtl"] .input-group-text {
    border-right: 1px solid #ced4da;
    border-left: none;
}

body[dir="rtl"] .input-group .form-control {
    border-left: 1px solid #ced4da;
    border-right: none;
}

/* Tables RTL */
body[dir="rtl"] table {
    text-align: right;
}

body[dir="rtl"] .table-responsive {
    direction: rtl;
}

/* Pagination RTL */
body[dir="rtl"] .pagination {
    flex-direction: row-reverse;
}

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

/* Timeline RTL */
body[dir="rtl"] .timeline {
    padding-left: 0;
    padding-right: 30px;
}

body[dir="rtl"] .timeline::before {
    left: auto;
    right: 10px;
}

body[dir="rtl"] .timeline-item::before {
    left: auto;
    right: -24px;
}

/* Buttons RTL */
body[dir="rtl"] .btn-group {
    flex-direction: row-reverse;
}

/* Alerts RTL */
body[dir="rtl"] .alert-dismissible .btn-close {
    left: 0;
    right: auto;
}

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

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

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

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

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

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

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