/* ============================================================ PRO REPAIRERS .AE — RTL overrides (Arabic) Loaded only on /ar/ pages, after style.css. Most layout mirrors automatically once is set — flexbox "row" reverses direction natively. This file only fixes the handful of properties that use physical left/right values instead of logical start/end. ============================================================ */ /* Keep the logo lockup in its true left-to-right orientation — brand marks should not mirror even on an RTL page. */ .brand-mark { direction: ltr; } /* Floating WhatsApp button: mirror to the opposite corner */ .whatsapp-float { right: auto; left: 22px; } @media (max-width: 640px) { .whatsapp-float { right: auto; left: 16px; } } /* Language dropdown menu: open toward the left instead of right */ .lang-menu { right: auto; left: 0; } /* Gallery photo tag: sits bottom-right instead of bottom-left */ .gallery-item .tag { left: auto; right: 10px; } /* Pull-quote accent border: mirrors to the right edge */ .pull-quote { border-left: none; border-right: 3px solid var(--orange); padding: 6px 24px 6px 0; } /* Process list / value grid top-border accents are direction- neutral (horizontal), no change needed. */ /* Contact form fields, buttons, grids all use flex/grid with no hardcoded left/right — these mirror correctly on their own. */