/* ========================================================= RajaVPS — RTL overrides (Arabic / Moroccan pages) Loaded only on /ar/ pages, in addition to the main style.css. Most layout (grid/flex order, text alignment) mirrors automatically once is set; this file only patches the handful of rules that use physical (left/right) properties instead of logical ones. ========================================================= */ [dir="rtl"] body{ font-family: "Plus Jakarta Sans", "Tahoma", "Segoe UI", sans-serif; } /* nav dropdown caret + spacing already mirrors via flex; just fix caret icon margin */ [dir="rtl"] .nav-links a .caret{ margin-right: 2px; } /* terminal window dots + title spacing */ [dir="rtl"] .terminal-title{ margin-left:0; margin-right:8px; } /* mobile hero text alignment */ @media (max-width: 940px){ [dir="rtl"] .hero{ text-align:right; } } /* FAQ question button + spec table cells were hardcoded text-align:left */ [dir="rtl"] .faq-q{ text-align:right; } [dir="rtl"] .spec-table th, [dir="rtl"] .spec-table td{ text-align:right; } /* stat strip dividers: flip border side and which child is exempt */ [dir="rtl"] .stat-strip .stat{ border-right:none; border-left:1px solid var(--border-soft); } [dir="rtl"] .stat-strip .stat:last-child{ border-left:none; } /* decorative step connector line — direction-sensitive positioning isn't worth mirroring pixel-for-pixel; simplest safe fix is to hide it in RTL */ [dir="rtl"] .step-connector{ display:none !important; } /* agreement modal bullet list indent */ [dir="rtl"] .agreement-points{ padding-left:0; padding-right:20px; } /* floating WhatsApp button + lightbox close button: mirror to the left */ [dir="rtl"] .wa-float{ right:auto; left:22px; } [dir="rtl"] .lightbox-close{ right:auto; left:26px; } /* price card "featured" ribbon */ [dir="rtl"] .price-card.featured::after{ right:auto; left:24px; } /* breadcrumb separators already symmetric, no change needed */ /* form fields: force right-aligned placeholder/text for native inputs */ [dir="rtl"] input, [dir="rtl"] select, [dir="rtl"] textarea{ text-align:right; } /* checklists with leading icon: gap-based flex already mirrors correctly */