/* ============================================
   LTR overrides — applied automatically when the
   page language is English (Polylang sets dir="ltr"
   on <html>, which flips is_rtl() to false and loads
   this file after main.css + extras.css).
   ============================================ */

html[dir="ltr"] body,
body.dir-ltr {
    direction: ltr;
    text-align: left;
    font-family: 'Inter', sans-serif;
}
body.dir-ltr h1, body.dir-ltr h2, body.dir-ltr h3,
body.dir-ltr h4, body.dir-ltr h5, body.dir-ltr h6 {
    font-family: 'Inter', sans-serif;
}

/* Top bar */
body.dir-ltr .top-bar-left { flex-direction: row; }

/* Header / nav */
body.dir-ltr .logo { flex-direction: row; }
body.dir-ltr .nav-desktop { flex-direction: row; }
body.dir-ltr .dropdown {
    text-align: left;
    right: auto;
    left: 0;
}
body.dir-ltr .dropdown-item:hover { padding-right: 20px; padding-left: 28px; }
body.dir-ltr .mobile-toggle { margin-left: 0; margin-right: auto; }

/* Mobile off-canvas menu: slide in from the left in LTR, matching
   natural reading direction (it slides from the right in RTL). */
body.dir-ltr .mobile-menu {
    right: auto;
    left: -100%;
    transition: left 0.3s ease;
}
body.dir-ltr .mobile-menu.active { left: 0; }

/* Hero */
body.dir-ltr .hero-content { text-align: left; }
body.dir-ltr .hero-btns { flex-direction: row; }
body.dir-ltr .hero-slide::before {
    background: linear-gradient(to right, rgba(15,39,68,0.94) 0%, rgba(15,39,68,0.72) 38%, rgba(15,39,68,0.25) 68%, rgba(15,39,68,0.05) 100%),
                linear-gradient(0deg, rgba(15,39,68,0.55) 0%, rgba(15,39,68,0) 35%);
}

/* Buttons with icons: keep icon before text visually in LTR too */
body.dir-ltr .btn i,
body.dir-ltr .service-link i,
body.dir-ltr .read-more i,
body.dir-ltr .research-card a i {
    margin-left: 6px;
    margin-right: 0;
    transform: scaleX(-1); /* arrow icons should point the natural LTR direction */
}

/* Cards & grids stay mirrored automatically via flexbox/grid direction: ltr */
body.dir-ltr .faculty-meta,
body.dir-ltr .footer-social,
body.dir-ltr .about-feature,
body.dir-ltr .contact-item,
body.dir-ltr .event-item {
    direction: ltr;
}

/* Footer link chevrons should point left->right naturally */
body.dir-ltr .footer-links a i,
body.dir-ltr .breadcrumbs i,
body.dir-ltr .mobile-menu-item i {
    transform: scaleX(-1);
}

/* President blockquote border switches side */
body.dir-ltr .president-block blockquote {
    border-right: none;
    border-left: 4px solid var(--accent);
    padding-right: 0;
    padding-left: 16px;
}

/* Comment / contact form alignment already flows correctly via direction:ltr on body */
body.dir-ltr .single-container,
body.dir-ltr .contact-grid {
    direction: ltr;
}

/* Language switch label */
body.dir-ltr .lang-switch span::after { content: ''; }

/* Faculty directory & profile */
body.dir-ltr .staff-body p,
body.dir-ltr .profile-spec,
body.dir-ltr .profile-dept,
body.dir-ltr .profile-links {
    direction: ltr;
}

/* Pagination arrows: keep pointing the natural LTR direction
   (same flip technique used for the other directional icons above). */
body.dir-ltr .wau-page-arrow i { transform: scaleX(-1); }
body.dir-ltr .pagination .prev.page-numbers i,
body.dir-ltr .pagination .next.page-numbers i { transform: scaleX(-1); }

/* Footer: section-heading underline & link hover nudge switch sides */
body.dir-ltr .footer-links h4::after { right: auto; left: 0; }
body.dir-ltr .footer-links a:hover { padding-right: 0; padding-left: 8px; }

/* Accent side-borders (goals, departments, download list, content
   lists) switch from the "start" edge to the "start" edge of LTR text
   instead of staying visually stuck on the right. */
body.dir-ltr .goal-item,
body.dir-ltr .dept-card {
    border-right: none;
    border-left: 4px solid var(--accent);
}
body.dir-ltr .download-list a:hover { padding-right: 0; padding-left: 10px; }
body.dir-ltr .download-list a .download-icon { margin-right: 0; margin-left: auto; }
body.dir-ltr .content-body ul { padding-right: 0; padding-left: 24px; }
body.dir-ltr .vmg-goals { text-align: left; }

/* Conference / news date badges keep reading naturally from the
   image's near corner in both directions. */
body.dir-ltr .news-tag { right: auto; left: 16px; }
body.dir-ltr .conference-date-badge { right: auto; left: 14px; }