/* RTL styles for Arabic language */
body[dir="rtl"] {
    text-align: right;
    font-weight: 400; /* Default font weight for Arabic */
}

body[dir="rtl"] h1, 
body[dir="rtl"] h2, 
body[dir="rtl"] h3, 
body[dir="rtl"] h4, 
body[dir="rtl"] h5, 
body[dir="rtl"] h6 {
    font-weight: 700; /* Bolder headings for Arabic */
}

body[dir="rtl"] .navbar .nav-link {
    font-weight: 500; /* Medium weight for nav items */
}

body[dir="rtl"] .btn {
    font-weight: 500; /* Medium weight for buttons */
}

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

[dir="rtl"] .navbar-collapse {
    flex-direction: row;
}

/* Ensure justify-content-between works properly in RTL */
[dir="rtl"] .justify-content-between {
    display: flex;
    flex-direction: row-reverse;
}

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

[dir="rtl"] .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

[dir="rtl"] .header-separator {
    margin: 0 0.5rem;
}

/* Ensure the d-flex elements maintain proper ordering in RTL */
[dir="rtl"] .navbar-nav .d-flex {
    display: flex;
    flex-direction: row;
}

/* RTL search form fix */
html[dir="rtl"] .rtl-search-form.d-flex,
html[dir="rtl"] form.rtl-search-form,
html[dir="rtl"] form.d-flex.rtl-search-form {
    flex-direction: row !important;
    display: flex !important;
    width: 100% !important;
}

html[dir="rtl"] .rtl-search-form .search-box,
html[dir="rtl"] .rtl-search-form .form-control {
    margin-right: 0 !important;
    width: 100% !important;
}

html[dir="rtl"] .rtl-search-form button {
    display: inline-block !important;
    visibility: visible !important;
    margin-right: 0 !important;
}

/* Fix for search form in RTL mode */
body[dir="rtl"] form.d-flex {
    flex-direction: row !important;
    display: flex !important;
}

body[dir="rtl"] form.d-flex .form-control,
body[dir="rtl"] form.d-flex .search-box {
    margin-right: 0 !important;
}

/* Ensure the button is visible in RTL search forms */
body[dir="rtl"] form.d-flex button {
    display: inline-block !important;
    visibility: visible !important;
}

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

/* Fix for half-star icon in RTL mode */
[dir="rtl"] .fa-star-half-alt {
    transform: scaleX(-1);
}

/* Fix for star rating direction in RTL mode */
[dir="rtl"] .rating-input {
    flex-direction: row-reverse !important; 
    justify-content: flex-start !important;
    float: right !important;
    text-align: right !important;
    margin-right: 0 !important;
}

/* Reverse the order of rating stars in RTL mode */
[dir="rtl"] .rating-input input {
    transform: scale(1, 1) !important;
}

/* Hover effect for stars in RTL mode */
[dir="rtl"] .rating-input label i.hovered {
    color: #ffc107 !important;
}

/* Position the stars container to the right in RTL mode */
[dir="rtl"] .mb-3 .rating-input {
    width: 100% !important;
    display: flex !important;
    float: right !important;
    justify-content: flex-end !important;
}

/* Override inline styles in RTL rating containers */
[dir="rtl"] .rating-input[style] {
    flex-direction: row-reverse !important;
    justify-content: flex-end !important;
    margin-right: 0 !important;
    float: right !important;
    width: 100% !important;
}

/* Margin adjustments for RTL */
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 {
    margin-right: 0.25rem !important;
    margin-left: 0 !important;
}

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 {
    margin-left: 0.25rem !important;
    margin-right: 0 !important;
}

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

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

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

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

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

[dir="rtl"] .dropdown-item {
    text-align: right;
}

/* Icon adjustments for RTL */
[dir="rtl"] .fas,
[dir="rtl"] .far,
[dir="rtl"] .fa {
    margin-right: 0;
    margin-left: 0.5rem;
}

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

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

/* Primary button spacing adjustments */
[dir="rtl"] .btn-primary i {
    margin-right: 0 !important;
    margin-left: 0.5rem !important;
}

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

/* Form and input adjustments */
[dir="rtl"] .form-check {
    padding-left: 0;
    padding-right: 1.25rem;
}

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

[dir="rtl"] .input-group > .form-control:first-child {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/* Responsive navbar fixes */
@media (max-width: 991.98px) {
    [dir="rtl"] .navbar-collapse {
        flex-direction: column;
    }
    
    [dir="rtl"] .navbar-nav {
        width: 100%;
        margin: 0 !important;
        padding: 0.5rem 0;
    }
    
    [dir="rtl"] .navbar-collapse .d-flex {
        flex-direction: column;
    }
    
    [dir="rtl"] .navbar-collapse .justify-content-between {
        flex-direction: column-reverse;
    }
}

/* Dropdown styling adjustments for RTL */
[dir="rtl"] .form-select {
    padding-right: 1rem !important; /* Less padding on the right for text alignment */
    padding-left: 2rem !important; /* More padding on the left for the arrow */
    background-position: left 0.75rem center !important; /* Move the arrow to the left */
    text-align: right !important; /* Ensure text is right-aligned */
}

/* Language switcher RTL styling */
[dir="rtl"] .lang-button {
    padding-left: 1.5rem !important;
    padding-right: 0.75rem !important;
}

[dir="rtl"] .app-header .dropdown-toggle::after {
    margin-left: 0 !important;
    margin-right: 0.75rem !important;
}

[dir="rtl"] .lang-text {
    margin-left: 10px !important;
    margin-right: 0 !important;
}

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

/* Button icon spacing */
[dir="rtl"] .btn i,
[dir="rtl"] .btn .fas,
[dir="rtl"] .btn .far,
[dir="rtl"] .btn .fa,
[dir="rtl"] .btn .me-1,
[dir="rtl"] .btn .me-2 {
    margin-left: 0.5rem !important;
    margin-right: 0 !important;
}

/* Fix dropdown arrow positioning in RTL mode */
[dir="rtl"] .dropdown-toggle::after {
    margin-right: 0.5rem !important;
    margin-left: 0 !important;
    position: absolute !important;
    left: 8px !important;
    right: auto !important;
}

[dir="rtl"] .navbar .nav-link.dropdown-toggle {
    padding-left: 1.5rem !important;
    padding-right: 0.75rem !important;
}

[dir="rtl"] .navbar .dropdown-toggle::after {
    position: absolute !important;
    left: 0.5rem !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/* RTL Mobile greeting container adjustments for long names */
[dir="rtl"] .header-greeting-container-mobile {
    flex: 1 !important;
    min-width: 0 !important; /* Allow flex item to shrink */
    overflow: hidden !important;
}

[dir="rtl"] .header-greeting-name-mobile {
    flex: 1 !important;
    min-width: 0 !important; /* Allow flex item to shrink */
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* Modal RTL styles */
html[dir="rtl"] .btn-close {
    margin-left: 0;
    left: 1rem;
    right: auto;
}

html[dir="rtl"] .modal-header .btn-close.position-absolute {
    left: 1rem;
    right: auto;
}

html[dir="rtl"] .modal-footer {
    flex-direction: row-reverse;
}

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

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

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

/* RTL modal header close button positioning */
html[dir="rtl"] .modal-header .btn-close.position-absolute {
    left: 1rem;
    right: auto;
}