/**
 * LTR (Left-to-Right) overrides for English version
 * Import this AFTER style.css in English pages
 */

/* Force LTR on all elements */
* {
    direction: ltr;
    text-align: left;
}

/* Navigation — flip alignment for LTR */
.nav-container {
    flex-direction: row;
}

.nav-menu {
    flex-direction: row;
}

.nav-menu li {
    margin-right: 0;
    margin-left: 0;
}

/* Breadcrumb separator direction */
.breadcrumb-sep {
    transform: none;
}

/* Footer — LTR columns */
.footer-grid {
    direction: ltr;
}

/* Hero content — left align */
.hero-content-fullscreen {
    text-align: left;
}

.page-hero-content {
    text-align: left;
}

.article-hero-content {
    text-align: left;
}

/* Section titles — left align */
.section-title,
.section-subtitle {
    text-align: left;
}

/* Blog & specialty cards — ensure LTR */
.blog-card-body {
    text-align: left;
}

.specialty-overlay {
    text-align: left;
}

/* Article body */
.article-body {
    text-align: left;
}

/* CTA sections */
.cta-section .container,
.parallax-content {
    text-align: left;
}

/* Article CTA */
.article-whatsapp-cta {
    text-align: left;
}

/* Why us grid */
.why-us-card {
    text-align: left;
}

/* Footer */
.footer-col {
    text-align: left;
}

/* Language link styling */
.lang-link {
    font-family: 'Cairo', sans-serif;
}

/* Related articles */
.related-card {
    text-align: left;
}

/* Mobile menu */
.mobile-menu ul {
    text-align: left;
}

/* Read more button */
.btn-read-more {
    align-self: flex-start;
}

/* Callout boxes */
.callout-box {
    text-align: left;
}

/* Blog card meta */
.blog-card-meta {
    flex-direction: row;
    justify-content: flex-start;
    gap: 16px;
}

/* Article meta */
.article-meta {
    flex-direction: row;
    justify-content: flex-start;
    gap: 20px;
}

/* Breadcrumb */
.breadcrumb {
    flex-direction: row;
    justify-content: flex-start;
}

/* Parallax buttons */
.parallax-buttons {
    flex-direction: row;
    justify-content: flex-start;
}

/* Footer bottom */
.footer-bottom {
    flex-direction: row;
}

.footer-links {
    flex-direction: row;
    gap: 16px;
}

/* Footer contact list */
.footer-contact li {
    text-align: left;
}
