/* ============================================
   RoidNet - LTR (Left-to-Right) Overrides
   For English and other LTR languages
   ============================================ */

/* Override RTL direction - Force LTR */
html[dir="ltr"] {
    direction: ltr !important;
}

/* Don't force body text-align - let sections control their own alignment */

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

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

html[dir="ltr"] .header .nav-menu li {
    margin-left: 2rem;
    margin-right: 0;
}

html[dir="ltr"] .header .cta-btn {
    margin-left: 1.5rem;
    margin-right: 0;
}

html[dir="ltr"] .mobile-toggle {
    left: auto;
    right: 1rem;
}

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

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

html[dir="ltr"] .footer .footer-nav li {
    margin-left: 2rem;
    margin-right: 0;
}

/* Only align specific content areas to left, keep centered sections centered */
html[dir="ltr"] .service-card,
html[dir="ltr"] .portfolio-item,
html[dir="ltr"] .blog-post,
html[dir="ltr"] .why-item,
html[dir="ltr"] .process-step,
html[dir="ltr"] .contact-info,
html[dir="ltr"] .contact-info,
html[dir="ltr"] .pricing-card-content,
html[dir="ltr"] .feature-content {
    text-align: left;
    direction: ltr !important;
}

/* Force children to inherit LTR direction */
html[dir="ltr"] .feature-content h2,
html[dir="ltr"] .feature-content p,
html[dir="ltr"] .feature-content ul,
html[dir="ltr"] .feature-content li {
    direction: ltr !important;
    text-align: left;
}

/* Feature Grid - Reverse the .reverse class behavior in LTR */
html[dir="ltr"] .feature-grid.reverse {
    flex-direction: row-reverse;
}

html[dir="ltr"] .feature-grid.reverse .feature-content {
    order: 2;
}

html[dir="ltr"] .feature-grid.reverse .feature-image {
    order: 1;
}

/* Lists */
html[dir="ltr"] ul,
html[dir="ltr"] ol {
    padding-left: 1.5rem;
    padding-right: 0;
}

/* Forms */
html[dir="ltr"] .contact-form input,
html[dir="ltr"] .contact-form textarea,
html[dir="ltr"] .contact-form select {
    text-align: left;
}

/* Buttons */
html[dir="ltr"] .btn {
    text-align: center;
}

html[dir="ltr"] .btn svg {
    margin-left: 0.5rem;
    margin-right: 0;
    transform: rotate(0deg);
}

/* Services Grid */
html[dir="ltr"] .services-grid .service-card {
    text-align: left;
}

/* Portfolio Filters */
html[dir="ltr"] .portfolio-filters {
    text-align: left;
}

html[dir="ltr"] .portfolio-filters button {
    margin-left: 0.5rem;
    margin-right: 0;
}

/* Stats Section */
html[dir="ltr"] .stats .stat-item {
    text-align: center;
}

/* Process Steps */
html[dir="ltr"] .process-steps .step {
    text-align: left;
}

html[dir="ltr"] .process-steps .step-number {
    left: 0;
    right: auto;
}

/* Testimonials */
html[dir="ltr"] .testimonial {
    text-align: left;
}

/* Pricing Tables - Keep headers centered, features list left-aligned */
html[dir="ltr"] .pricing-header {
    text-align: center;
}

html[dir="ltr"] .pricing-features li {
    text-align: left;
    padding-left: 2rem;
    padding-right: 0;
}

html[dir="ltr"] .pricing-features li::before {
    left: 0;
    right: auto;
}

/* Why Choose Us */
html[dir="ltr"] .why-item {
    text-align: left;
}

/* Technologies */
html[dir="ltr"] .tech-item {
    text-align: center;
}

/* Contact Section */
html[dir="ltr"] .contact-info {
    text-align: left;
}

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

html[dir="ltr"] .contact-item svg {
    margin-right: 1rem;
    margin-left: 0;
}

/* Breadcrumbs */
html[dir="ltr"] .breadcrumbs {
    text-align: left;
}

html[dir="ltr"] .breadcrumbs li::after {
    margin: 0 0.5rem;
    content: "/";
}

/* Mobile Menu */
html[dir="ltr"] .mobile-menu {
    left: auto;
    right: 0;
    transform: translateX(100%);
}

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

html[dir="ltr"] .mobile-menu .nav-menu li {
    text-align: left;
    margin-left: 0;
    margin-right: 0;
}

/* Hero Section - Let hero preserve its original alignment from main stylesheet */

/* CTA Section  */
html[dir="ltr"] .cta-section {
    text-align: center;
}

/* Blog/Articles */
html[dir="ltr"] .blog-post {
    text-align: left;
}

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

/* Tooltips & Dropdowns */
html[dir="ltr"] .dropdown-menu {
    left: 0;
    right: auto;
}

/* Animations - Mirror horizontal movements */
@media (prefers-reduced-motion: no-preference) {
    html[dir="ltr"] .slide-in-right {
        animation-name: slideInLeft;
    }

    html[dir="ltr"] .slide-in-left {
        animation-name: slideInRight;
    }
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    html[dir="ltr"] .mobile-menu {
        left: auto;
        right: 0;
    }

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