/* ============================================
   LTR Language Support
   ============================================ */

/* Smooth transition for language switching */
body {
    transition: opacity 0.2s ease;
}

/* LTR layout adjustments */
html[dir="ltr"] {
    text-align: left;
}

html[dir="ltr"] body {
    direction: ltr;
    text-align: left;
}

/* Header LTR Layout - Force left-to-right arrangement */
html[dir="ltr"] .header {
    direction: ltr;
}

html[dir="ltr"] .header .nav {
    flex-direction: row;
    direction: ltr;
}

html[dir="ltr"] .nav-menu {
    flex-direction: row;
    direction: ltr;
}

html[dir="ltr"] .nav-menu li {
    direction: ltr;
}

html[dir="ltr"] .nav-link {
    flex-direction: row;
}

html[dir="ltr"] .nav-actions {
    flex-direction: row;
    direction: ltr;
}

html[dir="ltr"] .logo {
    direction: ltr;
}

/* Hero Section LTR Layout */
html[dir="ltr"] .hero {
    direction: ltr;
    text-align: left;
}

html[dir="ltr"] .hero-content {
    direction: ltr;
}

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

html[dir="ltr"] .hero-title,
html[dir="ltr"] .hero-tagline {
    text-align: left;
}

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

html[dir="ltr"] .hero-services-tags {
    justify-content: flex-start;
}

html[dir="ltr"] .hero-visual {
    direction: ltr;
}

html[dir="ltr"] .hero-card {
    direction: ltr;
}

/* Hero Floating Cards Positioning for LTR */
html[dir="ltr"] .hero-card-1 {
    right: auto;
    left: -30px;
}

html[dir="ltr"] .hero-card-2 {
    right: auto;
    left: -40px;
}

html[dir="ltr"] .hero-card-3 {
    left: auto;
    right: -20px;
}

/* About Section LTR */
html[dir="ltr"] .about {
    direction: ltr;
    text-align: left;
}

html[dir="ltr"] .about-grid {
    direction: ltr;
}

html[dir="ltr"] .about-content {
    text-align: left;
    direction: ltr;
}

html[dir="ltr"] .section-header {
    text-align: center;
    direction: ltr;
}

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

html[dir="ltr"] .about-features {
    text-align: left;
    direction: ltr;
}

html[dir="ltr"] .about-feature {
    direction: ltr;
    text-align: left;
}

html[dir="ltr"] .about-experience-badge {
    right: auto;
    left: 0;
}

html[dir="ltr"] .about-floating-card {
    right: auto;
    left: -20px;
    direction: ltr;
}

html[dir="ltr"] .stat-card::before {
    transform-origin: left;
    left: 0;
    right: auto;
}

/* Services Section LTR */
html[dir="ltr"] .services {
    direction: ltr;
    text-align: left;
}

html[dir="ltr"] .services-grid {
    direction: ltr;
}

html[dir="ltr"] .service-card {
    direction: ltr;
    text-align: left;
}

html[dir="ltr"] .service-features {
    text-align: left;
    direction: ltr;
}

html[dir="ltr"] .service-card::before {
    transform-origin: left;
    left: 0;
    right: auto;
}

html[dir="ltr"] .featured-badge {
    left: auto;
    right: 20px;
}

html[dir="ltr"] .service-link i {
    transform: rotate(180deg);
}

html[dir="ltr"] .service-link:hover i {
    transform: rotate(180deg) translateX(5px);
}

/* FAQ Section LTR */
html[dir="ltr"] .faq-question {
    text-align: left;
    direction: ltr;
}

html[dir="ltr"] .faq-answer p {
    text-align: left;
    direction: ltr;
}

html[dir="ltr"] .faq-item.active .faq-question i {
    transform: rotate(0deg);
}

/* Pricing Section LTR */
html[dir="ltr"] .pricing {
    direction: ltr;
}

html[dir="ltr"] .calculator-form label {
    text-align: left;
}

/* Testimonials Section LTR */
html[dir="ltr"] .testimonials-shape-1 {
    right: auto;
    left: -100px;
}

html[dir="ltr"] .testimonials-shape-2 {
    left: auto;
    right: -50px;
}

html[dir="ltr"] .testimonial-text-card {
    direction: ltr;
    text-align: left;
}

html[dir="ltr"] .testimonial-card::before {
    left: auto;
    right: 20px;
}

/* Feedback CTA Section LTR */
html[dir="ltr"] .feedback-cta-content {
    direction: ltr;
    text-align: left;
}

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

html[dir="ltr"] .feedback-cta-icon {
    margin-right: 0;
    margin-left: 0;
}

html[dir="ltr"] .feedback-btn {
    direction: ltr;
}

/* General Button LTR Support */
html[dir="ltr"] .btn {
    direction: ltr;
}

html[dir="ltr"] .btn i {
    margin-right: 0;
}

/* CTA Section LTR */
html[dir="ltr"] .cta {
    direction: ltr;
}

html[dir="ltr"] .cta-content {
    text-align: center;
}

html[dir="ltr"] .cta-actions {
    justify-content: center;
}

/* Footer LTR Layout */
html[dir="ltr"] .footer {
    text-align: left;
    direction: ltr;
}

html[dir="ltr"] .footer-grid {
    direction: ltr;
}

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

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

html[dir="ltr"] .footer-links ul {
    align-items: flex-start;
}

html[dir="ltr"] .footer-links a:hover {
    padding-right: 0;
    padding-left: 8px;
}

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

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

html[dir="ltr"] .footer-bottom-content {
    text-align: center;
}

/* Floating Elements LTR */
html[dir="ltr"] .whatsapp-float {
    left: auto;
    right: 30px;
}

html[dir="ltr"] .back-to-top {
    right: auto;
    left: 30px;
}

html[dir="ltr"] .hero-scroll {
    left: auto;
    right: 50%;
    transform: translateX(50%);
}

html[dir="ltr"] .scroll-indicator {
    transform: scaleX(1);
}

/* Mobile menu for LTR */
@media (max-width: 992px) {
    html[dir="ltr"] .nav-menu {
        right: auto;
        left: -100%;
        direction: ltr;
        align-items: flex-start;
        transition: left 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    }

    html[dir="ltr"] .nav-menu.active {
        left: 0;
        right: auto;
    }

    html[dir="ltr"] .nav-link:hover,
    html[dir="ltr"] .nav-link.active {
        transform: translateX(5px);
    }

    html[dir="ltr"] .hero-content {
        text-align: center;
        direction: ltr;
    }

    html[dir="ltr"] .hero-cta {
        justify-content: center;
    }

    html[dir="ltr"] .hero-services-tags {
        justify-content: center;
    }

    html[dir="ltr"] .about-experience-badge {
        right: 10px;
        left: auto;
    }

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