/* ============================================ RTL + ARABIC TYPOGRAPHY OVERLAY Loaded LAST (after premium-theme.css) on /ar/ pages only. Activates via . ============================================ */ @import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800&display=swap'); /* --- Arabic font everywhere (overrides Playfair/Inter/Poppins) --- */ html[dir="rtl"] body, html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3, html[dir="rtl"] h4, html[dir="rtl"] h5, html[dir="rtl"] h6, html[dir="rtl"] .page-header-title, html[dir="rtl"] .hero-title, html[dir="rtl"] .section-title, html[dir="rtl"] .title, html[dir="rtl"] .sub-title, html[dir="rtl"] .faq-question, html[dir="rtl"] button, html[dir="rtl"] .order-now-btn, html[dir="rtl"] .hero-btn, html[dir="rtl"] .service-card h3, html[dir="rtl"] .service-card-label, html[dir="rtl"] .boom-col .info .title, html[dir="rtl"] .boom-col .info .title a, html[dir="rtl"] .main-nav a, html[dir="rtl"] .nav-toggle, html[dir="rtl"] .breadcrumb-nav a, html[dir="rtl"] .breadcrumb-nav .current, html[dir="rtl"] .contat-text .call-now, html[dir="rtl"] .contat-text .number { font-family: 'Tajawal', 'Segoe UI', Tahoma, Arial, sans-serif !important; } /* --- Direction --- */ html[dir="rtl"] { direction: rtl; } html[dir="rtl"] body { direction: rtl; text-align: right; } /* Latin runs (phone numbers, model codes, metric specs) stay LTR inline */ html[dir="rtl"] .ltr, html[dir="rtl"] .number, html[dir="rtl"] .specs-table td, html[dir="rtl"] .specs-table th { direction: ltr; unicode-bidi: isolate; } html[dir="rtl"] .specs-table th, html[dir="rtl"] .specs-table td { text-align: right; } /* --- Text-alignment flips --- */ html[dir="rtl"] .hero-content { text-align: right !important; } html[dir="rtl"] .content-block h2 { text-align: right; } html[dir="rtl"] header .col-logo { text-align: right; } html[dir="rtl"] header .col-contact .contat-text { text-align: right; } html[dir="rtl"] .footer-text { text-align: right; } html[dir="rtl"] .footer-link { text-align: left; } html[dir="rtl"] .main-nav .dropdown-menu a { text-align: right !important; } /* --- Spacing flips --- */ html[dir="rtl"] .about-services ul { padding-left: 0; padding-right: 20px; } html[dir="rtl"] .document-list { padding-right: 0; } html[dir="rtl"] .contat-icon { margin-right: 0; margin-left: 0.75rem; } html[dir="rtl"] .dropdown-toggle::after { margin-left: 0; margin-right: 4px; } /* --- Absolute-position flips --- */ html[dir="rtl"] .main-nav .dropdown-menu { left: auto; right: 0; } html[dir="rtl"] .service-card::before { left: auto; right: 0; } html[dir="rtl"] .terms .document-list li { padding-left: 0; padding-right: 32px; } html[dir="rtl"] .terms .document-list li::before { left: auto; right: 0; content: '←'; } /* --- Border-side flips --- */ html[dir="rtl"] .main-nav a { border-right: none !important; border-left: 1px solid rgba(255,255,255,0.05) !important; } /* --- Decorative gold lines move to the right edge --- */ html[dir="rtl"] .hero-content::after { margin: 32px 0 32px auto; } html[dir="rtl"] .about-services .section-title::after, html[dir="rtl"] .boom .section-title::after { margin: 20px 0 0 auto; } html[dir="rtl"] .header .header-logo::after { margin-right: 0; margin-left: auto; } /* --- Breadcrumb chevron mirrors --- */ html[dir="rtl"] .breadcrumb-nav .separator { display: inline-block; transform: scaleX(-1); } /* --- Floating buttons mirror to the left --- */ html[dir="rtl"] .floating-whatsapp { right: auto; left: 24px; } @media (max-width: 768px) { html[dir="rtl"] .floating-whatsapp { right: auto; left: 16px; } html[dir="rtl"] .floating-call { left: 90px; right: 20px; } } /* --- Language switcher nav item --- */ .lang-switch a { font-weight: 700 !important; }