/* ============================================================================ fg-ltr.css — LTR-only corrections Loaded by fg_enqueue_frontend_styles_only() ONLY when fg_site_direction() resolves to 'ltr' (English / any LTR language under WPML). Never loaded on the Arabic RTL default, so nothing here can regress the primary layout. What belongs in this file ------------------------- Only what logical CSS cannot express. Almost all of the theme is already direction-agnostic — it uses margin-inline-*, padding-inline-*, inset-inline-* and text-align: start, which mirror themselves from the attribute. Add a rule here only when one of these is true: • a third-party rule is positioned with physical left/right and the site's markup does not carry the vendor's mirroring classes; • the value cannot be logical at all — background-position, transforms, box-shadow offsets, gradient angles, clip paths; • DOM order (not CSS) decides which side something lands on. If a rule *can* be written logically, write it logically in the shared stylesheet instead — one source of truth beats two that drift apart. ============================================================================ */ /* ---------------------------------------------------------------------------- 1. Contact section map (mirrors main.css §24b, which handles RTL) Builda positions `.contact-sec-map` absolutely at `left: 0` and expects the text column to be pushed clear of it by an offset class in the vendor markup. This site's markup uses a plain `.col-lg-5`, so the columns only clear the map because RTL flow starts the text on the opposite edge. Under LTR the text column starts at the same edge as the map and the two overlap, so the map has to move to the inline end instead. ---------------------------------------------------------------------------- */ #contact-sec .contact-sec-map { left: auto; right: 0; } /* Address card sits inset from the map's inner (page-facing) edge. */ #contact-sec .contact-sec-map .location-map-address { left: 15%; right: auto; } @media (max-width: 991px) { /* Map goes full-width and static below lg — no inset to mirror. */ #contact-sec .contact-sec-map .location-map-address { left: auto; right: auto; } }