/* ===========================================
   LTR Override Styles for EN/FR Pages
   Overrides the default RTL layout from main.css
   =========================================== */

/* Base LTR Direction */
body,
html {
    direction: ltr !important;
}

/* Text alignment for content */
body,
main,
section,
div,
p,
h1,
h2,
h3,
h4,
h5,
h6,
span,
li {
    text-align: left !important;
}

/* Center aligned elements */
.download-section,
.download-section h1,
.download-section p,
.trust-line,
.social-share,
.footer-bottom {
    text-align: center !important;
}

/* Lists - switch padding from right to left */
ul,
ol {
    padding-right: 0 !important;
    padding-left: 1.5rem !important;
}

/* Section titles - border on left instead of right */
.section-title,
.content-section h2 {
    border-right: none !important;
    border-left: 4px solid var(--accent) !important;
    padding-right: 0 !important;
    padding-left: 1rem !important;
    text-align: left !important;
}

/* Steps list - number on left instead of right */
.steps-list li {
    padding-right: 0 !important;
    padding-left: 3rem !important;
}

.steps-list li::before {
    right: auto !important;
    left: 0 !important;
}

/* Footer section headers */
.footer-section h3 {
    text-align: left !important;
}

/* Footer links hover - slide right instead of left */
.footer-section a:hover {
    padding-left: 0 !important;
    padding-right: 0.5rem !important;
}

/* Button icon margin */
.btn img {
    margin-left: 0 !important;
    margin-right: 8px !important;
}

/* Feature cards and FAQ */
.feature-card,
.faq-item,
.faq-item h3,
.faq-item p {
    text-align: left !important;
}

/* Header layout for LTR */
.header-content {
    flex-direction: row !important;
}

/* Match tabs centering */
.match-tabs,
.match-tabs-container {
    text-align: center !important;
}

.match-tab {
    text-align: center !important;
}

/* Dropdown - LTR override */
.dropdown-menu {
  right: auto !important;
  left: 0 !important;
}