/* * main.ar.css — Arabic / RTL overrides for WebsiteV2 * Loaded ONLY when isArabic == true (after main.css). * The element already has dir="rtl" so most layout flips automatically. * Use this file for any class-level corrections that need explicit RTL handling. */ /* ── Global ── */ body { font-family: 'Cairo', 'Tajawal', Arial, sans-serif; text-align: right; } /* Inputs & textareas inherit rtl from , but placeholders sometimes need nudging */ input, textarea, select { text-align: right; direction: rtl; } /* ── Navbar ── */ .v2-navbar__inner { flex-direction: row-reverse; } .v2-navbar__links { flex-direction: row-reverse; } .v2-navbar__auth { flex-direction: row-reverse; } .v2-profile-dropdown__menu { text-align: right; } /* Mobile dropdown menu must stay a stacked column even under the RTL row-reverse rules above — those are meant for the desktop horizontal navbar only. */ @media (max-width: 640px) { .v2-navbar__links { flex-direction: column; text-align: right; } .v2-navbar__auth:not(:has(.v2-profile-dropdown)) { flex-direction: column; } } /* ── Breadcrumb ── */ .v2-breadcrumb { flex-direction: row-reverse; } .ss-breadcrumb { direction: rtl; } /* ── Filter sidebar (SearchServices + ClinicSearch) ── */ .ss-filter-search { flex-direction: row-reverse; } .cs-filter-field { flex-direction: row-reverse; } .cs-filters__header { flex-direction: row-reverse; } /* ── Cards & rows ── */ .v2-card { text-align: right; } .cart-group__header { flex-direction: row-reverse; } .cart-group__test-row { flex-direction: row-reverse; } .cart-group__actions { flex-direction: row-reverse; } /* ── Profile dropdown ── */ .v2-profile-dropdown__header { flex-direction: row-reverse; } .v2-profile-dropdown__item { flex-direction: row-reverse; } .v2-profile-dropdown__signout { flex-direction: row-reverse; } /* ── Modals ── */ .modal-header { flex-direction: row-reverse; } .sb-radio-group { text-align: right; } .sb-radio { flex-direction: row-reverse; }