/* RTL (Right-to-Left) Stylesheet for Arabic Language Support */

/* Global RTL text alignment */
[dir="rtl"] {
    text-align: right;
    direction: rtl;
}

/* Navbar adjustments */
[dir="rtl"] .navbar-brand {
    margin-right: 0;
    margin-left: 1rem;
}

/* Keep navbar items in the same visual order, don't reverse */
[dir="rtl"] .navbar-nav {
    flex-direction: row;
    /* Keep normal order */
}

[dir="rtl"] .navbar-nav .nav-item {
    margin-left: 0;
    margin-right: 0;
}

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

[dir="rtl"] .dropdown-menu-end {
    right: auto;
    left: 0;
}

/* Form elements */
[dir="rtl"] .form-label {
    text-align: right;
}

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

/* Fix caret position in input fields - keep caret on LEFT */
[dir="rtl"] input[type="text"],
[dir="rtl"] input[type="number"],
[dir="rtl"] input[type="email"],
[dir="rtl"] input[type="tel"],
[dir="rtl"] input[type="search"],
[dir="rtl"] input[type="password"],
[dir="rtl"] textarea,
[dir="rtl"] .form-control {
    text-align: right;
    direction: rtl;
}

/* Fix button order in RTL - reverse flex direction */
[dir="rtl"] .d-flex.gap-2 {
    flex-direction: row-reverse !important;
    gap: 0.5rem !important;
}

[dir="rtl"] .btn-group {
    flex-direction: row-reverse !important;
}

/* Keep text direction correct inside buttons */
[dir="rtl"] .btn {
    direction: rtl;
    text-align: center;
}

/* Fix spacing between buttons in RTL */
[dir="rtl"] .btn+.btn {
    margin-right: 0.5rem;
    margin-left: 0;
}

[dir="rtl"] .btn-group>.btn+.btn {
    margin-right: 0.25rem;
    margin-left: 0;
}

/* Fix Select2 clear button (X icon) position in RTL */
[dir="rtl"] .select2-container--bootstrap-5 .select2-selection--single .select2-selection__clear {
    right: auto !important;
    left: 35px !important;
}

/* Fix Select2 arrow position in RTL */
[dir="rtl"] .select2-container--bootstrap-5 .select2-selection--single .select2-selection__arrow {
    right: auto !important;
    left: 1px !important;
}

/* Fix Select2 selection padding in RTL */
[dir="rtl"] .select2-container--bootstrap-5 .select2-selection--single {
    padding: 0.375rem 0.75rem 0.375rem 2.25rem !important;
}

/* Fix Select2 dropdown alignment in RTL */
[dir="rtl"] .select2-container--bootstrap-5 .select2-dropdown {
    text-align: right;
    direction: rtl;
}

/* Fix Select2 search field in RTL */
[dir="rtl"] .select2-container--bootstrap-5 .select2-search--dropdown .select2-search__field {
    text-align: right;
    direction: rtl;
}

/* Fix Select2 results list in RTL */
[dir="rtl"] .select2-container--bootstrap-5 .select2-results__option {
    text-align: right;
    direction: rtl;
    padding-right: 0.75rem;
    padding-left: 2.25rem;
}

/* Fix Select2 multiple selection tags in RTL */
[dir="rtl"] .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-right: 0;
    margin-left: 0.375rem;
}

[dir="rtl"] .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__choice__remove {
    margin-right: 0;
    margin-left: 0.375rem;
    float: left;
}

/* Fix Select2 container positioning in RTL */
[dir="rtl"] .select2-container {
    direction: rtl;
}

/* Fix Select2 selection rendered text alignment in RTL */
[dir="rtl"] .select2-container--bootstrap-5 .select2-selection__rendered {
    text-align: right;
    direction: rtl;
    padding-right: 0;
    padding-left: 0;
}

/* Fix Select2 loading spinner position in RTL */
[dir="rtl"] .select2-container--bootstrap-5 .select2-selection__arrow b {
    right: auto;
    left: 50%;
    margin-left: -4px;
    margin-right: 0;
}