/* RTL (Right-to-Left) Styles for Arabic Version */

/* Base RTL Direction */
html[dir="rtl"],
html[dir="rtl"] body {
    direction: rtl;
    text-align: right;
    font-family: 'IBM Plex Sans Arabic', 'Montserrat', sans-serif;
}

/* Float reversals */
html[dir="rtl"] .float-left {
    float: right !important;
}

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

/* Comprehensive Margin RTL - Swapping left/right */
html[dir="rtl"] .ml-0 { margin-left: 0 !important; margin-right: 0 !important; }
html[dir="rtl"] .ml-1 { margin-left: 0 !important; margin-right: 0.25rem !important; }
html[dir="rtl"] .ml-2 { margin-left: 0 !important; margin-right: 0.5rem !important; }
html[dir="rtl"] .ml-3 { margin-left: 0 !important; margin-right: 1rem !important; }
html[dir="rtl"] .ml-4 { margin-left: 0 !important; margin-right: 1.5rem !important; }
html[dir="rtl"] .ml-5 { margin-left: 0 !important; margin-right: 3rem !important; }

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

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

/* Comprehensive Padding RTL - Swapping left/right */
html[dir="rtl"] .pl-0 { padding-left: 0 !important; padding-right: 0 !important; }
html[dir="rtl"] .pl-1 { padding-left: 0 !important; padding-right: 0.25rem !important; }
html[dir="rtl"] .pl-2 { padding-left: 0 !important; padding-right: 0.5rem !important; }
html[dir="rtl"] .pl-3 { padding-left: 0 !important; padding-right: 1rem !important; }
html[dir="rtl"] .pl-4 { padding-left: 0 !important; padding-right: 1.5rem !important; }
html[dir="rtl"] .pl-5 { padding-left: 0 !important; padding-right: 3rem !important; }

html[dir="rtl"] .pr-0 { padding-right: 0 !important; padding-left: 0 !important; }
html[dir="rtl"] .pr-1 { padding-right: 0 !important; padding-left: 0.25rem !important; }
html[dir="rtl"] .pr-2 { padding-right: 0 !important; padding-left: 0.5rem !important; }
html[dir="rtl"] .pr-3 { padding-right: 0 !important; padding-left: 1rem !important; }
html[dir="rtl"] .pr-4 { padding-right: 0 !important; padding-left: 1.5rem !important; }
html[dir="rtl"] .pr-5 { padding-right: 0 !important; padding-left: 3rem !important; }

/* Responsive Margin RTL */
@media (min-width: 576px) {
    html[dir="rtl"] .ml-sm-0 { margin-left: 0 !important; margin-right: 0 !important; }
    html[dir="rtl"] .ml-sm-1 { margin-left: 0 !important; margin-right: 0.25rem !important; }
    html[dir="rtl"] .ml-sm-2 { margin-left: 0 !important; margin-right: 0.5rem !important; }
    html[dir="rtl"] .ml-sm-3 { margin-left: 0 !important; margin-right: 1rem !important; }
    html[dir="rtl"] .ml-sm-4 { margin-left: 0 !important; margin-right: 1.5rem !important; }
    html[dir="rtl"] .ml-sm-5 { margin-left: 0 !important; margin-right: 3rem !important; }
    html[dir="rtl"] .ml-sm-auto { margin-left: 0 !important; margin-right: auto !important; }
    
    html[dir="rtl"] .mr-sm-0 { margin-right: 0 !important; margin-left: 0 !important; }
    html[dir="rtl"] .mr-sm-1 { margin-right: 0 !important; margin-left: 0.25rem !important; }
    html[dir="rtl"] .mr-sm-2 { margin-right: 0 !important; margin-left: 0.5rem !important; }
    html[dir="rtl"] .mr-sm-3 { margin-right: 0 !important; margin-left: 1rem !important; }
    html[dir="rtl"] .mr-sm-4 { margin-right: 0 !important; margin-left: 1.5rem !important; }
    html[dir="rtl"] .mr-sm-5 { margin-right: 0 !important; margin-left: 3rem !important; }
    html[dir="rtl"] .mr-sm-auto { margin-right: 0 !important; margin-left: auto !important; }
    
    html[dir="rtl"] .pl-sm-0 { padding-left: 0 !important; padding-right: 0 !important; }
    html[dir="rtl"] .pl-sm-1 { padding-left: 0 !important; padding-right: 0.25rem !important; }
    html[dir="rtl"] .pl-sm-2 { padding-left: 0 !important; padding-right: 0.5rem !important; }
    html[dir="rtl"] .pl-sm-3 { padding-left: 0 !important; padding-right: 1rem !important; }
    html[dir="rtl"] .pl-sm-4 { padding-left: 0 !important; padding-right: 1.5rem !important; }
    html[dir="rtl"] .pl-sm-5 { padding-left: 0 !important; padding-right: 3rem !important; }
    
    html[dir="rtl"] .pr-sm-0 { padding-right: 0 !important; padding-left: 0 !important; }
    html[dir="rtl"] .pr-sm-1 { padding-right: 0 !important; padding-left: 0.25rem !important; }
    html[dir="rtl"] .pr-sm-2 { padding-right: 0 !important; padding-left: 0.5rem !important; }
    html[dir="rtl"] .pr-sm-3 { padding-right: 0 !important; padding-left: 1rem !important; }
    html[dir="rtl"] .pr-sm-4 { padding-right: 0 !important; padding-left: 1.5rem !important; }
    html[dir="rtl"] .pr-sm-5 { padding-right: 0 !important; padding-left: 3rem !important; }
}

@media (min-width: 768px) {
    html[dir="rtl"] .ml-md-0 { margin-left: 0 !important; margin-right: 0 !important; }
    html[dir="rtl"] .ml-md-1 { margin-left: 0 !important; margin-right: 0.25rem !important; }
    html[dir="rtl"] .ml-md-2 { margin-left: 0 !important; margin-right: 0.5rem !important; }
    html[dir="rtl"] .ml-md-3 { margin-left: 0 !important; margin-right: 1rem !important; }
    html[dir="rtl"] .ml-md-4 { margin-left: 0 !important; margin-right: 1.5rem !important; }
    html[dir="rtl"] .ml-md-5 { margin-left: 0 !important; margin-right: 3rem !important; }
    html[dir="rtl"] .ml-md-auto { margin-left: 0 !important; margin-right: auto !important; }
    
    html[dir="rtl"] .mr-md-0 { margin-right: 0 !important; margin-left: 0 !important; }
    html[dir="rtl"] .mr-md-1 { margin-right: 0 !important; margin-left: 0.25rem !important; }
    html[dir="rtl"] .mr-md-2 { margin-right: 0 !important; margin-left: 0.5rem !important; }
    html[dir="rtl"] .mr-md-3 { margin-right: 0 !important; margin-left: 1rem !important; }
    html[dir="rtl"] .mr-md-4 { margin-right: 0 !important; margin-left: 1.5rem !important; }
    html[dir="rtl"] .mr-md-5 { margin-right: 0 !important; margin-left: 3rem !important; }
    html[dir="rtl"] .mr-md-auto { margin-right: 0 !important; margin-left: auto !important; }
    
    html[dir="rtl"] .pl-md-0 { padding-left: 0 !important; padding-right: 0 !important; }
    html[dir="rtl"] .pl-md-1 { padding-left: 0 !important; padding-right: 0.25rem !important; }
    html[dir="rtl"] .pl-md-2 { padding-left: 0 !important; padding-right: 0.5rem !important; }
    html[dir="rtl"] .pl-md-3 { padding-left: 0 !important; padding-right: 1rem !important; }
    html[dir="rtl"] .pl-md-4 { padding-left: 0 !important; padding-right: 1.5rem !important; }
    html[dir="rtl"] .pl-md-5 { padding-left: 0 !important; padding-right: 3rem !important; }
    
    html[dir="rtl"] .pr-md-0 { padding-right: 0 !important; padding-left: 0 !important; }
    html[dir="rtl"] .pr-md-1 { padding-right: 0 !important; padding-left: 0.25rem !important; }
    html[dir="rtl"] .pr-md-2 { padding-right: 0 !important; padding-left: 0.5rem !important; }
    html[dir="rtl"] .pr-md-3 { padding-right: 0 !important; padding-left: 1rem !important; }
    html[dir="rtl"] .pr-md-4 { padding-right: 0 !important; padding-left: 1.5rem !important; }
    html[dir="rtl"] .pr-md-5 { padding-right: 0 !important; padding-left: 3rem !important; }
}

@media (min-width: 992px) {
    html[dir="rtl"] .ml-lg-0 { margin-left: 0 !important; margin-right: 0 !important; }
    html[dir="rtl"] .ml-lg-1 { margin-left: 0 !important; margin-right: 0.25rem !important; }
    html[dir="rtl"] .ml-lg-2 { margin-left: 0 !important; margin-right: 0.5rem !important; }
    html[dir="rtl"] .ml-lg-3 { margin-left: 0 !important; margin-right: 1rem !important; }
    html[dir="rtl"] .ml-lg-4 { margin-left: 0 !important; margin-right: 1.5rem !important; }
    html[dir="rtl"] .ml-lg-5 { margin-left: 0 !important; margin-right: 3rem !important; }
    html[dir="rtl"] .ml-lg-auto { margin-left: 0 !important; margin-right: auto !important; }
    
    html[dir="rtl"] .mr-lg-0 { margin-right: 0 !important; margin-left: 0 !important; }
    html[dir="rtl"] .mr-lg-1 { margin-right: 0 !important; margin-left: 0.25rem !important; }
    html[dir="rtl"] .mr-lg-2 { margin-right: 0 !important; margin-left: 0.5rem !important; }
    html[dir="rtl"] .mr-lg-3 { margin-right: 0 !important; margin-left: 1rem !important; }
    html[dir="rtl"] .mr-lg-4 { margin-right: 0 !important; margin-left: 1.5rem !important; }
    html[dir="rtl"] .mr-lg-5 { margin-right: 0 !important; margin-left: 3rem !important; }
    html[dir="rtl"] .mr-lg-auto { margin-right: 0 !important; margin-left: auto !important; }
    
    html[dir="rtl"] .pl-lg-0 { padding-left: 0 !important; padding-right: 0 !important; }
    html[dir="rtl"] .pl-lg-1 { padding-left: 0 !important; padding-right: 0.25rem !important; }
    html[dir="rtl"] .pl-lg-2 { padding-left: 0 !important; padding-right: 0.5rem !important; }
    html[dir="rtl"] .pl-lg-3 { padding-left: 0 !important; padding-right: 1rem !important; }
    html[dir="rtl"] .pl-lg-4 { padding-left: 0 !important; padding-right: 1.5rem !important; }
    html[dir="rtl"] .pl-lg-5 { padding-left: 0 !important; padding-right: 3rem !important; }
    
    html[dir="rtl"] .pr-lg-0 { padding-right: 0 !important; padding-left: 0 !important; }
    html[dir="rtl"] .pr-lg-1 { padding-right: 0 !important; padding-left: 0.25rem !important; }
    html[dir="rtl"] .pr-lg-2 { padding-right: 0 !important; padding-left: 0.5rem !important; }
    html[dir="rtl"] .pr-lg-3 { padding-right: 0 !important; padding-left: 1rem !important; }
    html[dir="rtl"] .pr-lg-4 { padding-right: 0 !important; padding-left: 1.5rem !important; }
    html[dir="rtl"] .pr-lg-5 { padding-right: 0 !important; padding-left: 3rem !important; }
}

@media (min-width: 1200px) {
    html[dir="rtl"] .ml-xl-0 { margin-left: 0 !important; margin-right: 0 !important; }
    html[dir="rtl"] .ml-xl-1 { margin-left: 0 !important; margin-right: 0.25rem !important; }
    html[dir="rtl"] .ml-xl-2 { margin-left: 0 !important; margin-right: 0.5rem !important; }
    html[dir="rtl"] .ml-xl-3 { margin-left: 0 !important; margin-right: 1rem !important; }
    html[dir="rtl"] .ml-xl-4 { margin-left: 0 !important; margin-right: 1.5rem !important; }
    html[dir="rtl"] .ml-xl-5 { margin-left: 0 !important; margin-right: 3rem !important; }
    html[dir="rtl"] .ml-xl-auto { margin-left: 0 !important; margin-right: auto !important; }
    
    html[dir="rtl"] .mr-xl-0 { margin-right: 0 !important; margin-left: 0 !important; }
    html[dir="rtl"] .mr-xl-1 { margin-right: 0 !important; margin-left: 0.25rem !important; }
    html[dir="rtl"] .mr-xl-2 { margin-right: 0 !important; margin-left: 0.5rem !important; }
    html[dir="rtl"] .mr-xl-3 { margin-right: 0 !important; margin-left: 1rem !important; }
    html[dir="rtl"] .mr-xl-4 { margin-right: 0 !important; margin-left: 1.5rem !important; }
    html[dir="rtl"] .mr-xl-5 { margin-right: 0 !important; margin-left: 3rem !important; }
    html[dir="rtl"] .mr-xl-auto { margin-right: 0 !important; margin-left: auto !important; }
    
    html[dir="rtl"] .pl-xl-0 { padding-left: 0 !important; padding-right: 0 !important; }
    html[dir="rtl"] .pl-xl-1 { padding-left: 0 !important; padding-right: 0.25rem !important; }
    html[dir="rtl"] .pl-xl-2 { padding-left: 0 !important; padding-right: 0.5rem !important; }
    html[dir="rtl"] .pl-xl-3 { padding-left: 0 !important; padding-right: 1rem !important; }
    html[dir="rtl"] .pl-xl-4 { padding-left: 0 !important; padding-right: 1.5rem !important; }
    html[dir="rtl"] .pl-xl-5 { padding-left: 0 !important; padding-right: 3rem !important; }
    
    html[dir="rtl"] .pr-xl-0 { padding-right: 0 !important; padding-left: 0 !important; }
    html[dir="rtl"] .pr-xl-1 { padding-right: 0 !important; padding-left: 0.25rem !important; }
    html[dir="rtl"] .pr-xl-2 { padding-right: 0 !important; padding-left: 0.5rem !important; }
    html[dir="rtl"] .pr-xl-3 { padding-right: 0 !important; padding-left: 1rem !important; }
    html[dir="rtl"] .pr-xl-4 { padding-right: 0 !important; padding-left: 1.5rem !important; }
    html[dir="rtl"] .pr-xl-5 { padding-right: 0 !important; padding-left: 3rem !important; }
}

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

html[dir="rtl"] .text-right {
    text-align: left !important;
}
 
/* Navigation menu */
html[dir="rtl"] .navbar-nav {
    flex-direction: row-reverse;
}
/* 
html[dir="rtl"] .menu li {
    margin-left: 0;
    margin-right: 1.5rem;
}

html[dir="rtl"] .menu li:last-child {
    margin-right: 0;
} */

/* Hero section */
html[dir="rtl"] .hero-content-left {
    text-align: right;
}

/* Features section */
html[dir="rtl"] .features span {
    float: right;
    margin-right: 0;
    margin-left: 1rem;
}

/* Work process */
html[dir="rtl"] .work-process-divider {
    transform: scaleX(-1);
}

html[dir="rtl"] .process-step {
    right: auto;
    left: -15px;
}

/* Promo grid */
html[dir="rtl"] .promo-grid {
    direction: rtl;
}

/* Buttons */
html[dir="rtl"] .btn .ti-arrow-right::before {
    content: "\e628"; /* arrow-left icon */
}

html[dir="rtl"] .btn .ti-arrow-right {
    transform: scaleX(-1);
}

/* Forms */
html[dir="rtl"] .form-control {
    text-align: right;
}

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

html[dir="rtl"] .input-group-append {
    margin-left: 0;
    margin-right: -1px;
}

/* Lists */
html[dir="rtl"] .list-unstyled {
    padding-right: 0;
    padding-left: 0;
}

html[dir="rtl"] .list-inline-item {
    margin-right: 0;
    margin-left: 0.5rem;
}

html[dir="rtl"] .list-inline-item:last-child {
    margin-left: 0;
}

/* Accordion */
html[dir="rtl"] .accordion .card-header {
    text-align: right;
}

html[dir="rtl"] .accordion .card-header h6 {
    padding-right: 0;
    padding-left: 1rem;
}

/* Footer */
html[dir="rtl"] .footer-nav-list li {
    text-align: right;
}

html[dir="rtl"] .footer-nav-list .ti-angle-double-right {
    transform: scaleX(-1);
    margin-right: 0;
    margin-left: 0.5rem;
}

/* Social icons */
html[dir="rtl"] .social-list {
    direction: rtl;
}

/* Language Switcher in Navbar RTL */
html[dir="rtl"] .nav-lang-switcher {
    margin-left: 0;
    margin-right: 1.5rem;
    padding-left: 0;
    padding-right: 1.5rem;
    border-left: none;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

html[dir="rtl"] .nav-lang-switcher .lang-link.active::after {
    left: 5px;
    right: 5px;
}

/* Bootstrap RTL overrides */
html[dir="rtl"] .row {
    direction: rtl;
}

html[dir="rtl"] [class*="col-"] {
    direction: rtl;
}

/* Carousel */
html[dir="rtl"] .owl-carousel {
    direction: ltr; /* Keep carousel LTR for proper animation */
}

html[dir="rtl"] .owl-carousel .owl-item {
    direction: rtl; /* But content inside should be RTL */
}

/* Icons that need flipping */
html[dir="rtl"] .ti-angle-right::before {
    content: "\e628"; /* arrow-left */
}

html[dir="rtl"] .ti-angle-left::before {
    content: "\e629"; /* arrow-right */
}

/* Contact form */
html[dir="rtl"] .contact-us-form {
    text-align: right;
}

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

/* Pricing cards */
html[dir="rtl"] .single-pricing-pack {
    text-align: right;
}

/* Testimonials */
html[dir="rtl"] .testimonial-single {
    text-align: right;
}

html[dir="rtl"] .single-work-process {
    float: right;
}
html[dir="rtl"] #accordion .card-header:after {
    float: left;
}

html[dir="rtl"] .scroll-top {
    right: unset;
    left: 50px;
}
/* Responsive adjustments */
@media (max-width: 991px) {
    html[dir="rtl"] .nav-lang-switcher {
        margin-right: 0;
        padding-right: 0;
        border-right: none;
    }
}