/* ========================================
   i18n - LTR / RTL Support
   ======================================== */

[dir="ltr"] {
    --text-align-start: left;
    --text-align-end: right;
}

[dir="rtl"] {
    --text-align-start: right;
    --text-align-end: left;
}

/* Logical property fallbacks & specific overrides */

/* Navbar & Mobile Menu */
[dir="ltr"] .navbar__cta {
    margin-right: 0;
    margin-left: 1rem;
}

[dir="ltr"] .mobile-menu {
    transform: translateX(-100%);
}

[dir="ltr"] .mobile-menu.open {
    transform: translateX(0);
}

[dir="ltr"] .mobile-menu__close {
    left: auto;
    right: 1.5rem;
}

/* Hero Section */
[dir="ltr"] .hero__image-container {
    left: auto;
    right: 0;
}

[dir="ltr"] .hero__image-fade--right {
    right: auto;
    left: 0;
    background: linear-gradient(to right, white, rgba(255, 255, 255, 0.8), transparent);
}

[dir="ltr"] .dark .hero__image-fade--right {
    background: linear-gradient(to right, #111111, rgba(17, 17, 17, 0.8), transparent);
}

[dir="ltr"] .hero__glow {
    right: auto;
    left: -10%;
}

[dir="ltr"] .hero__title,
[dir="ltr"] .hero__subtitle {
    text-align: left;
}

/* Services Section */
[dir="ltr"] .services__menu-item {
    padding-right: 0;
    padding-left: 2rem;
}

[dir="ltr"] .services__menu-line {
    right: auto;
    left: 0;
}

[dir="ltr"] .services__menu-progress {
    right: auto;
    left: -1px;
}

/* Projects Section */
[dir="ltr"] .projects__header-title,
[dir="ltr"] .projects__header-desc {
    text-align: left;
}

[dir="ltr"] .project-card__overlay {
    text-align: left;
}

[dir="ltr"] .project-card__tag {
    margin-left: 0;
    margin-right: auto;
}

[dir="ltr"] .project-card__action button svg {
    transform: scaleX(-1);
}

[dir="ltr"] .project-card__action button:hover svg {
    transform: scaleX(-1) translateX(-8px);
}

/* Fleet Section */
[dir="ltr"] .fleet-panel__overlay {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5), transparent);
}

[dir="ltr"] .fleet-content--alt {
    margin-left: auto;
    margin-right: 0;
    text-align: right;
}

/* Contact Section */
[dir="ltr"] .contact__title,
[dir="ltr"] .contact__desc {
    text-align: left;
}

[dir="ltr"] .map-section__card {
    right: auto;
    left: 2.5rem;
}

/* Footer */
[dir="ltr"] .footer__about-text {
    text-align: left;
}

[dir="ltr"] .footer__heading {
    text-align: left;
}

[dir="ltr"] .footer__link svg {
    transform: scaleX(-1);
    margin-right: 0.5rem;
    margin-left: 0;
}

/* Utility to flip arrows in LTR */
[dir="ltr"] .flip-rtl {
    transform: scaleX(-1);
}

/* ========================================
   Mobile-Specific LTR Fixes
   ======================================== */

/* Hero - align content left in LTR on all screens */
[dir="ltr"] .hero__badge {
    flex-direction: row;
}

[dir="ltr"] .hero__buttons {
    justify-content: flex-start;
}

/* About - flip the discover arrow for LTR */
[dir="ltr"] .about__link svg {
    transform: scaleX(-1);
}

[dir="ltr"] .about__link {
    flex-direction: row;
}

/* About section text alignment */
[dir="ltr"] .about__title,
[dir="ltr"] .about__desc {
    text-align: left;
}

/* Services section text alignment */
[dir="ltr"] .services__title {
    text-align: left;
}

/* Stats section */
[dir="ltr"] .stat-item__label {
    text-align: center;
}

/* Fleet content text on mobile */
@media (max-width: 1023px) {
    [dir="ltr"] .fleet-content {
        text-align: left;
    }

    [dir="ltr"] .fleet-content--alt {
        text-align: left;
        margin-left: 0;
        margin-right: 0;
    }

    [dir="ltr"] .fleet-panel__overlay {
        background: linear-gradient(to top, rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.5), transparent);
    }

    /* Hero image on mobile LTR */
    [dir="ltr"] .hero__image-container {
        left: 0;
        right: auto;
    }

    /* Map card on mobile */
    [dir="ltr"] .map-section__card {
        left: 1rem;
        right: 1rem;
    }
}

/* Process section */
[dir="ltr"] .process__title {
    text-align: left;
}

/* Testimonials */
[dir="ltr"] .testimonials__title {
    text-align: center;
}

[dir="ltr"] .testimonials__text {
    text-align: center;
}

/* Footer bottom */
[dir="ltr"] .footer__bottom {
    text-align: left;
}