/* LTR Styles for English Language */

/* Apply LTR direction when html has lang="en" */
html[lang="en"] {
    direction: ltr !important;
}

html[lang="en"] body {
    direction: ltr !important;
    text-align: left !important;
}

/* Reset text alignment for LTR */
html[lang="en"] .text-end {
    text-align: right !important;
}

html[lang="en"] .text-start {
    text-align: left !important;
}

/* Navigation adjustments for LTR */
html[lang="en"] .th-menu-wrapper {
    direction: ltr;
}

html[lang="en"] .main-menu > ul > li {
    margin-left: 0;
    margin-right: 35px;
}

html[lang="en"] .main-menu > ul > li:last-child {
    margin-right: 0;
}

/* Dropdown menu adjustments */
html[lang="en"] .main-menu ul li .mega-menu,
html[lang="en"] .main-menu ul li ul.sub-menu {
    left: 0;
    right: auto;
    text-align: left;
}

/* Icon positioning for LTR */
html[lang="en"] .icon-btn i,
html[lang="en"] .th-btn i {
    margin-left: 8px;
    margin-right: 0;
}

/* List items for LTR */
html[lang="en"] .list-style1 li:before,
html[lang="en"] .checklist li:before {
    left: 0;
    right: auto;
}

html[lang="en"] .list-style1 li,
html[lang="en"] .checklist li {
    padding-left: 30px;
    padding-right: 0;
}

/* Breadcrumb for LTR */
html[lang="en"] .breadcumb-menu li {
    padding-left: 0;
    padding-right: 15px;
}

html[lang="en"] .breadcumb-menu li:after {
    left: auto;
    right: 0;
}

/* Footer adjustments */
html[lang="en"] .footer-widget ul li {
    padding-left: 20px;
    padding-right: 0;
}

html[lang="en"] .footer-widget ul li:before {
    left: 0;
    right: auto;
}

/* Form inputs for LTR */
html[lang="en"] .form-control,
html[lang="en"] .form-select {
    text-align: left;
}

/* Buttons alignment */
html[lang="en"] .btn-group {
    direction: ltr;
}

/* Card and box adjustments */
html[lang="en"] .service-card,
html[lang="en"] .blog-card,
html[lang="en"] .team-card {
    text-align: left;
}

/* Slider navigation for LTR */
html[lang="en"] .slider-prev {
    left: 20px;
    right: auto;
}

html[lang="en"] .slider-next {
    right: 20px;
    left: auto;
}

/* Mobile menu for LTR */
html[lang="en"] .th-menu-toggle {
    margin-left: auto;
    margin-right: 0;
}

html[lang="en"] .mobile-menu-area {
    left: 0;
    right: auto;
}

/* Counter section */
html[lang="en"] .counter-card {
    text-align: left;
}

/* Testimonial adjustments */
html[lang="en"] .testi-card {
    text-align: left;
}

html[lang="en"] .testi-card .quote-icon {
    left: 30px;
    right: auto;
}

/* Process section */
html[lang="en"] .process-card {
    text-align: left;
}

html[lang="en"] .process-card .process-number {
    left: 0;
    right: auto;
}

/* Hide yellow scale image in process section for LTR */
html[lang="en"] #process-sec .shape-mockup.jump {
    display: none !important;
}

/* Pagination */
html[lang="en"] .pagination {
    direction: ltr;
}

/* Social icons */
html[lang="en"] .social-links {
    direction: ltr;
}

/* Language switcher positioning */
html[lang="en"] .language-switcher {
    direction: ltr;
}

/* Ensure proper font rendering for English */
html[lang="en"] body,
html[lang="en"] h1,
html[lang="en"] h2,
html[lang="en"] h3,
html[lang="en"] h4,
html[lang="en"] h5,
html[lang="en"] h6 {
    font-family: 'IBM Plex Sans Arabic', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* Adjust margins and paddings that were flipped for RTL */
html[lang="en"] .me-auto {
    margin-left: auto !important;
    margin-right: 0 !important;
}

html[lang="en"] .ms-auto {
    margin-right: auto !important;
    margin-left: 0 !important;
}

html[lang="en"] .pe-3 {
    padding-right: 1rem !important;
    padding-left: 0 !important;
}

html[lang="en"] .ps-3 {
    padding-left: 1rem !important;
    padding-right: 0 !important;
}

/* Header top section */
html[lang="en"] .header-top {
    direction: ltr;
}

html[lang="en"] .header-links li {
    margin-left: 0;
    margin-right: 20px;
}

html[lang="en"] .header-links li:last-child {
    margin-right: 0;
}

/* About section images */
html[lang="en"] .about-img-1 {
    left: 0;
    right: auto;
}

html[lang="en"] .about-img-2 {
    right: 0;
    left: auto;
}

/* Service icon positioning */
html[lang="en"] .service-card .service-icon {
    margin-right: 0;
    margin-left: auto;
}

/* Team card social icons */
html[lang="en"] .team-social {
    direction: ltr;
}

/* Blog meta information */
html[lang="en"] .blog-meta {
    direction: ltr;
}

html[lang="en"] .blog-meta span {
    margin-left: 0;
    margin-right: 15px;
}

/* Contact info icons */
html[lang="en"] .contact-info-card .icon {
    margin-right: 0;
    margin-left: 15px;
}

/* Pricing card */
html[lang="en"] .pricing-card {
    text-align: left;
}

html[lang="en"] .pricing-card .pricing-features li {
    text-align: left;
    padding-left: 30px;
    padding-right: 0;
}

/* FAQ accordion */
html[lang="en"] .accordion-button {
    text-align: left;
}

html[lang="en"] .accordion-button::after {
    margin-left: auto;
    margin-right: 0;
}

/* Newsletter form */
html[lang="en"] .newsletter-form {
    direction: ltr;
}

/* Sidebar */
html[lang="en"] .sidebar {
    text-align: left;
}

html[lang="en"] .widget ul li {
    padding-left: 20px;
    padding-right: 0;
}

/* Case studies */
html[lang="en"] .case-card {
    text-align: left;
}

/* Back to top button */
html[lang="en"] .scroll-top {
    right: 20px;
    left: auto;
}

/* Side menu */
html[lang="en"] .sidemenu-wrapper {
    right: 0;
    left: auto;
}

html[lang="en"] .sidemenu-wrapper.show {
    right: 0;
}

/* Search popup */
html[lang="en"] .popup-search-box {
    direction: ltr;
}

/* Responsive adjustments */
@media (max-width: 991px) {
    html[lang="en"] .mobile-menu-area {
        left: 0;
        right: auto;
    }
    
    html[lang="en"] .th-menu-wrapper {
        text-align: left;
    }
}

/* Animation adjustments for LTR */
html[lang="en"] [data-ani-duration] {
    animation-direction: normal;
}

/* Ensure Bootstrap RTL classes don't interfere */
html[lang="en"] .float-end {
    float: right !important;
}

html[lang="en"] .float-start {
    float: left !important;
}
