/* =========================================
   8. LTR Support (English)
   ========================================= */
html[lang="en-US"] body,
body.ltr {
    direction: ltr;
    text-align: left;
}

/* Header Adjustments for LTR */
html[lang="en-US"] .site-header .header-container,
body.ltr .site-header .header-container {
    flex-direction: row-reverse; /* Swap Left/Right areas back to standard English layout (Logo Left, CTA Right) */
}

/* On Mobile, keep normal row direction but content needs handling */
@media (max-width: 992px) {
    html[lang="en-US"] .site-header .header-container,
    body.ltr .site-header .header-container {
        flex-direction: row; /* Keep row, but items are LTR ordered now */
    }
}

/* Navigation Pill LTR */
html[lang="en-US"] .nav-pill-container,
body.ltr .nav-pill-container {
    padding: 5px 30px 5px 10px; /* Flip padding */
    flex-direction: row-reverse; /* Logo Left, Menu Right inside pill */
}

html[lang="en-US"] .site-branding,
body.ltr .site-branding {
    margin-left: 0;
    margin-right: 40px;
}

/* Mobile Menu LTR */
html[lang="en-US"] .mobile-menu-overlay,
body.ltr .mobile-menu-overlay {
    text-align: left;
}

html[lang="en-US"] .mobile-menu-content ul li a,
body.ltr .mobile-menu-content ul li a {
    direction: ltr;
}

/* Arrow Flip for LTR */
html[lang="en-US"] .mobile-menu-content ul li.menu-item-has-children > a::after,
body.ltr .mobile-menu-content ul li.menu-item-has-children > a::after {
    margin-right: 0;
    margin-left: 15px;
    transform: rotate(0deg); /* Reset rotation if needed, usually same icon works */
}

/* Hero Content LTR */
html[lang="en-US"] .hero-content,
body.ltr .hero-content {
    text-align: left;
    right: auto;
    left: 80px;
}

@media (max-width: 768px) {
    html[lang="en-US"] .hero-section .hero-content,
    body.ltr .hero-section .hero-content {
        text-align: center;
        left: 0;
        right: 0;
    }
}

/* Footer LTR */
html[lang="en-US"] .site-footer,
body.ltr .site-footer {
    text-align: left;
}

html[lang="en-US"] .footer-grid,
body.ltr .footer-grid {
    direction: ltr;
}

/* Floating Buttons LTR */
html[lang="en-US"] .sahly-floating-container,
body.ltr .sahly-floating-container {
    direction: ltr;
}

/* Ensure Header CTA Icon displays in LTR */
html[lang="en-US"] .header-left .header-cta,
body.ltr .header-left .header-cta {
    flex-direction: row-reverse; /* Icon Right, Text Left */
}

html[lang="en-US"] .main-navigation ul li a,
body.ltr .main-navigation ul li a {
    flex-direction: row-reverse; /* Arrow on right */
}

html[lang="en-US"] .main-navigation .menu-item-has-children > a::after,
body.ltr .main-navigation .menu-item-has-children > a::after {
    margin-right: 0;
    margin-left: 6px;
}