/* RTL Specific Styles */
body.rtl {
    direction: rtl;
    text-align: right;
    font-family: 'Tajawal', sans-serif;
}

/* Navbar RTL */
.rtl .navbar-nav {
    padding-right: 0;
}

.rtl .navbar-nav .nav-link {
    margin-right: 0;
    margin-left: 15px;
}

.rtl .ms-auto {
    margin-right: auto !important;
    margin-left: 0 !important;
}

.rtl .me-auto {
    margin-left: auto !important;
    margin-right: 0 !important;
}

.rtl .me-2, 
.rtl .me-3 {
    margin-right: 10px !important;
    margin-left: 0.5rem !important;
}

.rtl .ms-2, 
.rtl .ms-3 {
    margin-left: 0 !important;
    margin-right: 0.5rem !important;
}

/* Form Controls RTL */
.rtl .form-control {
    text-align: right;
}

.rtl .input-group .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
}

.rtl .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-right: -1px;
    margin-left: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
}

.rtl .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), 
.rtl .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), 
.rtl .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, 
.rtl .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
}

/* Section Title RTL */
.rtl .section-title h2::after {
    left: auto;
    right: calc(50% - 30px);
}

/* Project Card RTL */
.rtl .project-card .card-footer .float-end {
    float: left !important;
}

.rtl .project-card .card-footer .float-start {
    float: right !important;
}

/* Testimonial RTL */
.rtl .testimonial-card .stars i {
    margin-right: 0;
    margin-left: 2px;
}

/* Profile Nav RTL */
.rtl .profile-nav .nav-link i {
    margin-right: 0;
    margin-left: 10px;
}

/* Footer RTL */
.rtl .footer .social-icons a {
    margin-right: 0;
    margin-left: 10px;
}

.rtl .footer ul li i {
    margin-right: 0;
    margin-left: 8px;
}

/* Dropdown RTL */
.rtl .dropdown-menu {
    text-align: right;
}

.rtl .dropdown-item i {
    margin-right: 0;
    margin-left: 8px;
}

/* Modal RTL */
.rtl .modal-header .btn-close {
    margin: -0.5rem auto -0.5rem -0.5rem;
}

/* Progress Bar RTL */
.rtl .progress-bar {
    float: right;
}

/* List Group RTL */
.rtl .list-group {
    padding-right: 0;
}

/* Alert RTL */
.rtl .alert-dismissible {
    padding-left: 3rem;
    padding-right: 1.25rem;
}

.rtl .alert-dismissible .btn-close {
    left: 0;
    right: auto;
}

/* Media Object RTL */
.rtl .donation-item img {
    margin-right: 0;
    margin-left: 15px;
}

/* Float Adjustments RTL */
.rtl .float-end {
    float: left !important;
}

.rtl .float-start {
    float: right !important;
}

.rtl .float-md-end {
    float: left !important;
}

.rtl .text-end {
    text-align: left !important;
}

.rtl .text-start {
    text-align: right !important;
}

/* Cards RTL */
.rtl .card-header {
    text-align: right;
}

/* Padding & Margin RTL Adjustments */
.rtl .ps-3, .rtl .ps-4, .rtl .ps-5 {
    padding-left: 0 !important;
    padding-right: 1rem !important;
}

.rtl .pe-3, .rtl .pe-4, .rtl .pe-5 {
    padding-right: 0 !important;
    padding-left: 1rem !important;
}

/* Border RTL Adjustments */
.rtl .border-start {
    border-left: none !important;
    border-right: 1px solid #dee2e6 !important;
}

.rtl .border-end {
    border-right: none !important;
    border-left: 1px solid #dee2e6 !important;
}

/* Form Check RTL */
.rtl .form-check {
    padding-left: 0;
    padding-right: 1.5em;
}

.rtl .form-check .form-check-input {
    float: right;
    margin-left: 0;
    margin-right: -1.5em;
}

/* Custom RTL Utilities */
.rtl .text-md-end {
    text-align: left !important;
}

.rtl .text-md-start {
    text-align: right !important;
}

@media (min-width: 768px) {
    .rtl .text-md-end {
        text-align: left !important;
    }
    
    .rtl .text-md-start {
        text-align: right !important;
    }
}