/* codit-i18n — RTL overrides for translated (Arabic) WordPress pages. Loaded only when . * Scope: content column, sidebar, service-page blocks, FAQ, breadcrumb, buttons. The header/nav and footer keep their * LTR layout on purpose (the theme's mega-menu JS positions dropdowns for LTR); only their labels are translated. */ /* Font family per language is injected inline by codit-i18n.php (codit_i18n_font_css). */ /* Keep chrome LTR, content RTL. */ html[dir="rtl"] .header, html[dir="rtl"] .mobile-menu-area, html[dir="rtl"] .footer, html[dir="rtl"] footer.footer { direction: ltr; } html[dir="rtl"] .service-details-area, html[dir="rtl"] .breadcrumb-content, html[dir="rtl"] .service-details-content, html[dir="rtl"] .service-sidebar, html[dir="rtl"] .spb-section, html[dir="rtl"] .codit-service-faq, html[dir="rtl"] .service-faq-section { direction: rtl; text-align: right; } html[dir="rtl"] .breadcrumb-content.text-center { text-align: center; } /* Lists */ html[dir="rtl"] .service-details-content ul, html[dir="rtl"] .service-details-content ol, html[dir="rtl"] .spb-section ul, html[dir="rtl"] .spb-section ol { padding-left: 0; padding-right: 1.4em; } html[dir="rtl"] .service-features-list li, html[dir="rtl"] .service-process-list li, html[dir="rtl"] .spb-trust-list li { padding-left: 0; padding-right: 1.6em; text-align: right; } html[dir="rtl"] .service-features-list li::before, html[dir="rtl"] .service-process-list li::before, html[dir="rtl"] .spb-trust-list li::before { left: auto; right: 0; } /* Breadcrumb */ html[dir="rtl"] .spb-breadcrumb { direction: rtl; } html[dir="rtl"] .spb-breadcrumb span[aria-hidden="true"] { display: inline-block; transform: scaleX(-1); } /* Tables (pricing) */ html[dir="rtl"] .spb-table th, html[dir="rtl"] .spb-table td { text-align: right; } /* Lead form */ html[dir="rtl"] .spb-lead-form label, html[dir="rtl"] .spb-lead-form input, html[dir="rtl"] .spb-lead-form select, html[dir="rtl"] .spb-lead-form textarea { text-align: right; direction: rtl; } html[dir="rtl"] .spb-lead-form input[type="email"], html[dir="rtl"] .spb-lead-form input[type="tel"] { direction: ltr; text-align: right; } html[dir="rtl"] .spb-lead-alt a { direction: ltr; unicode-bidi: embed; } /* Numbers, code, brand names stay LTR inside RTL text. */ html[dir="rtl"] .spb-stat-n, html[dir="rtl"] .spb-num, html[dir="rtl"] .spb-table td:nth-child(2), html[dir="rtl"] .spb-table td:nth-child(3), html[dir="rtl"] .spb-tech-group li, html[dir="rtl"] a[href^="mailto:"], html[dir="rtl"] a[href^="tel:"] { direction: ltr; unicode-bidi: embed; } /* Arrows in CTAs */ html[dir="rtl"] .spb-more::after, html[dir="rtl"] .spb-cta-inline::after { transform: scaleX(-1); display: inline-block; } /* Floats / alignment helpers used by the theme */ html[dir="rtl"] .service-details-content .img-fluid { margin-left: 0; margin-right: 0; } html[dir="rtl"] .text-right { text-align: left !important; } html[dir="rtl"] .text-left { text-align: right !important; } /* FAQ section printed by codit-ai-seo */ html[dir="rtl"] .codit-faq-item summary, html[dir="rtl"] .codit-faq-item .codit-faq-a, html[dir="rtl"] .service-faq-section details, html[dir="rtl"] .service-faq-section summary { text-align: right; direction: rtl; } /* Language switcher pill: bottom-right in RTL so it mirrors reading direction (chat widget sits bottom-left there). */ html[dir="rtl"] .codit-lang-switch { direction: ltr; }