/* RTL Support for Arabic */
[dir="rtl"] {
    text-align: right;
}

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

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

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

[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"] .ms-1, 
[dir="rtl"] .ms-2, 
[dir="rtl"] .ms-3, 
[dir="rtl"] .ms-4, 
[dir="rtl"] .ms-5 {
    margin-right: 0.25rem !important;
    margin-left: 0 !important;
}

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

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

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

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

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

/* Form controls */
[dir="rtl"] .form-check {
    padding-left: 0;
    padding-right: 1.5em;
}

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

/* Input groups */
[dir="rtl"] .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-right: -1px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
}

[dir="rtl"] .input-group > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
}

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

[dir="rtl"] .btn .fa, 
[dir="rtl"] .btn .fas, 
[dir="rtl"] .btn .far, 
[dir="rtl"] .btn .fab {
    margin-right: 0;
    margin-left: 0.5rem;
}

/* Bootstrap grid system */
[dir="rtl"] .offset-1 { margin-right: 8.333333%; margin-left: 0; }
[dir="rtl"] .offset-2 { margin-right: 16.666667%; margin-left: 0; }
[dir="rtl"] .offset-3 { margin-right: 25%; margin-left: 0; }
[dir="rtl"] .offset-4 { margin-right: 33.333333%; margin-left: 0; }
[dir="rtl"] .offset-5 { margin-right: 41.666667%; margin-left: 0; }
[dir="rtl"] .offset-6 { margin-right: 50%; margin-left: 0; }
[dir="rtl"] .offset-7 { margin-right: 58.333333%; margin-left: 0; }
[dir="rtl"] .offset-8 { margin-right: 66.666667%; margin-left: 0; }
[dir="rtl"] .offset-9 { margin-right: 75%; margin-left: 0; }
[dir="rtl"] .offset-10 { margin-right: 83.333333%; margin-left: 0; }
[dir="rtl"] .offset-11 { margin-right: 91.666667%; margin-left: 0; }

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

/* Alerts */
[dir="rtl"] .alert-dismissible {
    padding-right: 1rem;
    padding-left: 4rem;
}

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

/* Pagination */
[dir="rtl"] .page-item:first-child .page-link {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
}

[dir="rtl"] .page-item:last-child .page-link {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
}

/* Fix for Bootstrap 5 RTL issues */
[dir="rtl"] .dropdown-menu-end {
    --bs-position: start;
    right: auto;
    left: 0;
}

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

/* Custom styles for DEOM Hotel Villas */
[dir="rtl"] .hero-content {
    text-align: right;
}

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

[dir="rtl"] .footer-content {
    text-align: right;
}