/*! * Garage by Torque -- RTL layout overrides, active only when * (Arabic). Keeps the LTR styles as the default and flips the handful of * hard-coded left/right rules that don't mirror automatically. */ html[dir="rtl"] body{ font-family: 'Inter', 'Segoe UI', Tahoma, sans-serif; } /* Bulleted lists inside dark cards (why-buy / why-sell benefit lists) */ html[dir="rtl"] .card-dark li{ padding-left: 0; padding-right: 16px; } html[dir="rtl"] .card-dark li::before{ left: auto; right: 0; } /* Sell form: Torque Approved package checklist */ html[dir="rtl"] .approved-benefits .ab-list li{ padding-left: 0; padding-right: 22px; } html[dir="rtl"] .approved-benefits .ab-list li::before{ left: auto; right: 0; } /* Pricing tables: header text should hug the right edge in RTL */ html[dir="rtl"] .price-table th{ text-align: right; } /* Sell form: "AED" currency prefix inside the price field */ html[dir="rtl"] .price-field span{ left: auto; right: 12px; } html[dir="rtl"] .price-field input{ padding-left: 12px; padding-right: 44px; } /* Nav dropdown menus (Why Torque / language switcher) anchor to the right */ html[dir="rtl"] .nav-dropdown-menu{ left: auto; right: 0; } /* Photo thumbnail "Cover" tag and remove button stay visually centred either way, but keep the nav icon spacing symmetrical */ html[dir="rtl"] .nav-icons{ margin-left: 0; margin-right: 22px; } /* Form field required-asterisk spacing looks better with a touch of margin on the correct side in RTL */ html[dir="rtl"] .req{ margin-right: 2px; }