/**
 * SaudiaHost - International English LTR Stylesheet
 * Optimized for Apple Liquid Glass Design & High-Performance Typography
 */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap');

html[lang="en"],
html[dir="ltr"] {
    direction: ltr !important;
}

html[lang="en"],
html[dir="ltr"],
html[lang="en"] body,
html[dir="ltr"] body {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
    letter-spacing: -0.012em;
    text-align: left;
}

/* Headings Typography */
html[dir="ltr"] h1,
html[dir="ltr"] h2,
html[dir="ltr"] h3,
html[dir="ltr"] h4,
html[dir="ltr"] h5,
html[dir="ltr"] h6,
html[dir="ltr"] .section-title,
html[dir="ltr"] .hero-title,
html[dir="ltr"] .service-title {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    letter-spacing: -0.025em;
    font-weight: 800;
}

/* Directional Icon Adaptations (Automatic Arrow Flipping) */
html[dir="ltr"] .las.la-arrow-left::before {
    content: "\f061" !important; /* Switch to Arrow Right for forward CTA */
}
html[dir="ltr"] .las.la-arrow-right::before {
    content: "\f060" !important; /* Switch to Arrow Left for back CTA */
}
html[dir="ltr"] .las.la-angle-left::before {
    content: "\f105" !important; /* Angle Right */
}
html[dir="ltr"] .las.la-angle-right::before {
    content: "\f104" !important; /* Angle Left */
}

/* Header & Navigation Alignments */
html[dir="ltr"] .header {
    flex-direction: row;
}

html[dir="ltr"] .main-nav {
    text-align: left;
}

html[dir="ltr"] .sub-menu {
    left: 0 !important;
    right: auto !important;
    border-radius: 8px;
    border-top-left-radius: 0;
    text-align: left;
}

html[dir="ltr"] .sub-menu a {
    justify-content: flex-start;
    text-align: left;
}

html[dir="ltr"] .sub-menu a .menu-icon {
    margin-right: 14px !important;
    margin-left: 0 !important;
}

html[dir="ltr"] .menu-item-has-children > a::after {
    margin-left: 6px !important;
    margin-right: 0 !important;
}

/* Mobile Nav Drawer in LTR */
@media (max-width: 991px) {
    html[dir="ltr"] .main-nav {
        left: -330px !important;
        right: auto !important;
    }
    html[dir="ltr"] .main-nav.active {
        left: 0 !important;
        right: auto !important;
    }
    html[dir="ltr"] .nav-head .close-menu {
        margin-left: auto;
        margin-right: 0;
    }
}

/* Liquid Glass Cards & Badges in LTR */
html[dir="ltr"] .liquid-card-badge {
    right: 24px !important;
    left: auto !important;
}

html[dir="ltr"] .liquid-card-header,
html[dir="ltr"] .liquid-plan-name,
html[dir="ltr"] .liquid-plan-subtitle {
    text-align: left !important;
}

html[dir="ltr"] .liquid-price-box {
    justify-content: flex-start !important;
}

html[dir="ltr"] .liquid-features-list {
    text-align: left !important;
    padding-left: 0;
}

html[dir="ltr"] .liquid-feature-item {
    justify-content: flex-start !important;
    text-align: left !important;
}

html[dir="ltr"] .liquid-feature-icon {
    margin-right: 12px !important;
    margin-left: 0 !important;
}

/* Liquid CTA Buttons */
html[dir="ltr"] .liquid-cta-btn {
    flex-direction: row;
    gap: 10px;
}

/* Domain Search Bar in LTR */
html[dir="ltr"] .domain-bar {
    flex-direction: row;
}

html[dir="ltr"] .domain-bar .domain-icon {
    margin-right: 8px !important;
    margin-left: 0 !important;
}

html[dir="ltr"] .domain-bar input {
    text-align: left !important;
}

/* Form Inputs in LTR */
html[dir="ltr"] input,
html[dir="ltr"] textarea,
html[dir="ltr"] select {
    text-align: left !important;
    direction: ltr !important;
}

/* Footer & Lists in LTR */
html[dir="ltr"] footer,
html[dir="ltr"] .footer-nav,
html[dir="ltr"] .footer-list,
html[dir="ltr"] .footer-information {
    text-align: left !important;
}

html[dir="ltr"] .footer-list li {
    text-align: left !important;
}

html[dir="ltr"] .footer-list a i,
html[dir="ltr"] .footer-list p i {
    margin-right: 8px !important;
    margin-left: 0 !important;
}

html[dir="ltr"] .socials {
    justify-content: flex-start !important;
}

/* Service Features & FAQ Lists */
html[dir="ltr"] .features-list li::before {
    margin-right: 10px !important;
    margin-left: 0 !important;
}

html[dir="ltr"] .breadcrumb-item + .breadcrumb-item::before {
    float: left;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

/* Language Switcher Pill Adjustment */
html[dir="ltr"] .liquid-lang-switcher i {
    margin-right: 2px;
}