/* RTL Overrides for Arabic Language */
[dir="rtl"] {
    text-align: right !important;
}

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

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

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

[dir="rtl"] .me-1, [dir="rtl"] .me-2, [dir="rtl"] .me-3, [dir="rtl"] .me-4, [dir="rtl"] .me-5 {
    margin-right: 0 !important;
}

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

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

[dir="rtl"] .me-3 {
    margin-left: 1rem !important;
}

[dir="rtl"] .me-4 {
    margin-left: 1.5rem !important;
}

[dir="rtl"] .me-5 {
    margin-left: 3rem !important;
}

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

[dir="rtl"] .ms-1 {
    margin-right: 0.25rem !important;
}

[dir="rtl"] .ms-2 {
    margin-right: 0.5rem !important;
}

[dir="rtl"] .ms-3 {
    margin-right: 1rem !important;
}

[dir="rtl"] .ms-4 {
    margin-right: 1.5rem !important;
}

[dir="rtl"] .ms-5 {
    margin-right: 3rem !important;
}

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

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

[dir="rtl"] .float-start {
    float: right !important;
}

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

/* Dropdown RTL */
[dir="rtl"] .dropdown-menu {
    right: 0;
    left: auto;
}

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

/* Navigation */
[dir="rtl"] .navbar-nav {
    padding-right: 0;
}

/* Forms */
[dir="rtl"] .form-select,
[dir="rtl"] .form-control {
    background-position: left 0.75rem center;
    padding-right: 0.75rem;
    padding-left: 2.25rem;
}

/* Form Check (Radio/Checkbox) - Comprehensive RTL Fix */
[dir="rtl"] .form-check {
    padding-right: 1.5em !important;
    padding-left: 0 !important;
    text-align: right !important;
}

[dir="rtl"] .form-check-input {
    float: right !important;
    margin-left: 0 !important;
    margin-right: -1.5em !important;
}

[dir="rtl"] .form-check-label {
    padding-right: 0.5em !important;
    padding-left: 0 !important;
    text-align: right !important;
    display: inline-block;
}

/* Ensure radio button is positioned correctly */
[dir="rtl"] .form-check-input[type="radio"],
[dir="rtl"] .form-check-input[type="checkbox"] {
    position: absolute;
    left: auto !important;
}

/* Badges and Pills */
[dir="rtl"] .badge {
    padding-right: 0.65em;
    padding-left: 0.65em;
}

/* ===== Select2 RTL - Comprehensive Fixes ===== */

/* Single Select - Main Container */
[dir="rtl"] .select2-container--bootstrap-5 .select2-selection--single {
    padding-right: 0.75rem !important;
    padding-left: 2.5rem !important;
    text-align: right;
}

/* Arrow - Move to left side */
[dir="rtl"] .select2-container--bootstrap-5 .select2-selection__arrow {
    left: 0.75rem !important;
    right: auto !important;
}

/* Arrow Icon Direction */
[dir="rtl"] .select2-container--bootstrap-5 .select2-selection__arrow b {
    margin-left: 0 !important;
}

/* Clear Button (X) - Position on far right */
[dir="rtl"] .select2-container--bootstrap-5 .select2-selection--single .select2-selection__clear {
    float: right !important;
    margin-right: 0 !important;
    margin-left: 10px !important;
    position: relative;
}

/* Selected Text/Placeholder - Align Right */
[dir="rtl"] .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
    padding-left: 0 !important;
    padding-right: 30px !important;
    text-align: right !important;
    display: block;
}

/* Placeholder Text */
[dir="rtl"] .select2-container--bootstrap-5 .select2-selection--single .select2-selection__placeholder {
    text-align: right !important;
}

/* Dropdown Menu */
[dir="rtl"] .select2-container--bootstrap-5 .select2-dropdown {
    text-align: right;
}

/* Search Field in Dropdown */
[dir="rtl"] .select2-container--bootstrap-5 .select2-search--dropdown .select2-search__field {
    text-align: right !important;
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
}

/* Dropdown Results */
[dir="rtl"] .select2-container--bootstrap-5 .select2-results__option {
    text-align: right !important;
}

/* Multiple Select */
[dir="rtl"] .select2-container--bootstrap-5 .select2-selection--multiple {
    text-align: right;
}

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

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

/* Loading Indicator */
[dir="rtl"] .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered .select2-selection__spinner {
    margin-right: auto !important;
    margin-left: 0 !important;
}

/* Icons RTL adjustments */
[dir="rtl"] i.fa, [dir="rtl"] i.fas, [dir="rtl"] i.far {
    margin-right: 0;
}

/* Custom adjustments */
[dir="rtl"] .gap-3 {
    gap: 1rem !important;
}

[dir="rtl"] .user-avatar {
    margin-right: 0;
    margin-left: 1rem;
    display: flex;
    align-items: center;
}

[dir="rtl"] .user-avatar.dropdown-toggle::after {
    margin-right: auto;
    margin-left: -20px;
}

/* Alerts */
[dir="rtl"] .alert {
    text-align: right;
}

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

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

[dir="rtl"] .table th,
[dir="rtl"] .table td {
    text-align: right;
}

/* Modal */
[dir="rtl"] .modal-header .btn-close {
    margin: -0.5rem auto -0.5rem -0.5rem;
}

/* Pagination */
[dir="rtl"] .pagination {
    padding-right: 0;
}

/* Breadcrumb */
[dir="rtl"] .breadcrumb-item + .breadcrumb-item {
    padding-right: 0.5rem;
    padding-left: 0;
}

[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
    float: right;
    padding-left: 0.5rem;
    padding-right: 0;
    content: var(--bs-breadcrumb-divider, "/");
}

/* Specific Font for Arabic */
[dir="rtl"] body,
[dir="rtl"] .btn,
[dir="rtl"] .form-control,
[dir="rtl"] .form-select {
    font-family: 'Cairo', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
