/* ════════════════════════════════════════════════ Afaq English (LTR) Overrides Loaded AFTER afaq-styles.css — ONLY on English page templates (linked exclusively from afaq-header-en.php). Because this file is English-only by virtue of where it's linked, none of these rules need a body class to scope them — and good thing, since the live template's tag does not actually output body_class() at all, so any class-based scoping silently does nothing. ════════════════════════════════════════════════ */ /* Belt-and-suspenders: force LTR direction regardless of any class-based rule in afaq-styles.css (covers body.afaq-template{direction:rtl}) */ html[dir="ltr"] body { direction: ltr !important; } /* ── "Reverse" bundle trick (Teachers/Students pages) — not needed in LTR ── */ .teach-bundle, .stud-bundle, .teach-bundle.reverse, .stud-bundle.reverse { direction: ltr !important; } .teach-bundle.reverse > *, .stud-bundle.reverse > * { direction: ltr !important; } @media (max-width: 1024px) { .teach-bundle, .stud-bundle, .teach-bundle.reverse, .stud-bundle.reverse { direction: ltr !important; } } /* ════════════════════════════════════════════════ Directional fixes — elements positioned relative to the RIGHT edge by design for RTL reading, flipped for LTR. ════════════════════════════════════════════════ */ /* Dropdown menus open under the LEFT edge of their parent link */ .dd-menu { right: auto !important; left: 0 !important; } /* Partner / value bullet lists: bullet + text padding flipped to the left */ .partner-list li { padding-right: 0 !important; padding-left: 16px !important; } .partner-list li::before { right: auto !important; left: 0 !important; } /* svc-v2 top accent bar grows from the left in LTR */ .svc-v2::before { transform-origin: left !important; } /* Corner accents — mirror to the opposite corner */ .hero-vision-tag { right: auto !important; left: 2rem !important; } .hero-left-badge { right: auto !important; left: 2rem !important; } .path-card-num { right: auto !important; left: 1rem !important; } .teachers-float { left: auto !important; right: -1px !important; border-radius: 20px 0 20px 0 !important; } /* Fullbg gradient overlay: .fullbg-content sits at flex-start, which is the LEFT side in LTR (was the right side in RTL) — flip the gradient so the dark contrast stays behind the text. */ .fullbg-overlay { background: linear-gradient(to right, rgba(26,43,60,0.92) 50%, rgba(26,43,60,0.6) 100%) !important; } /* Stat dividers (border between stat blocks) */ .stat-v2 { border-left: none !important; border-right: 1px solid rgba(255,255,255,0.15) !important; } .stat-v2:first-child { border-right: none !important; } .stat-v2:last-child { border-right: none !important; } @media (max-width: 1024px) { .stat-v2 { border-right: none !important; } }