/* Shared RTL component overrides for Arabic (dir="rtl") pages.
 *
 * Base text direction is set per-page via <html dir="rtl">; this file only
 * mirrors the specific components whose LTR-authored CSS needs adjusting for
 * right-to-left layout (navbar, floating social widget, contact form text
 * alignment, client-logo spacing, statistics copy). Load this after the
 * page's own stylesheet(s) so these rules can win on source order without
 * needing extra specificity.
 *
 * Consolidated from rules that were previously duplicated ad hoc across the
 * Arabic pages (with several pages missing them entirely).
 */

body {
    font-family: 'Cairo', sans-serif;
    text-align: right;
}

.navbar-nav {
    margin-right: 0 !important;
    margin-left: auto !important;
}

.text-container {
    text-align: right;
}

.contact-form input,
.contact-form textarea {
    text-align: right;
}

.statistics p {
    text-align: justify;
}

.client-logo {
    margin-left: 15px;
    margin-right: 0;
}

.floating-social-media {
    left: 20px;
    right: auto;
}

.floating-social-media .social-icon::after {
    right: auto;
    left: 50px;
}