/* ============================================================ rtl.css — Arabic RTL layout overrides Applied when is set ============================================================ */ [dir="rtl"] { /* Typography — Arabic-optimized */ --font: 'Tajawal', 'Noto Sans Arabic', 'Cairo', system-ui, sans-serif; } /* Flip flex rows */ [dir="rtl"] .site-nav .container, [dir="rtl"] .hero-actions, [dir="rtl"] .nav-links, [dir="rtl"] .nav-lang, [dir="rtl"] .article-meta, [dir="rtl"] .card-meta, [dir="rtl"] .footer-bottom, [dir="rtl"] .pagination, [dir="rtl"] .chip-list { flex-direction: row-reverse; } /* List indentation */ [dir="rtl"] ul, [dir="rtl"] ol { padding-left: 0; padding-right: 1.5rem; } /* Blockquote border */ [dir="rtl"] blockquote { border-left: none; border-right: 4px solid var(--blue); border-radius: var(--radius) 0 0 var(--radius); } /* Navigation */ [dir="rtl"] .nav-links { margin-left: auto; margin-right: 0; } [dir="rtl"] .nav-logo { flex-direction: row-reverse; } /* Hero eyebrow */ [dir="rtl"] .hero-eyebrow::before { display: none; } [dir="rtl"] .hero-eyebrow::after { content: ''; display: block; width: 20px; height: 2px; background: var(--blue); border-radius: 1px; } /* Section label */ [dir="rtl"] .section-label::before { display: none; } /* Admin sidebar — flip to right */ [dir="rtl"] .admin-layout { flex-direction: row-reverse; } [dir="rtl"] .admin-nav a.active { border-left: none; border-right: 3px solid var(--blue); } [dir="rtl"] .admin-nav a { flex-direction: row-reverse; } /* Footer */ [dir="rtl"] .footer-links { padding-right: 0; } [dir="rtl"] .footer-grid { direction: rtl; } /* Cards */ [dir="rtl"] .card-body, [dir="rtl"] .card-footer { text-align: right; } /* Article */ [dir="rtl"] .article-body ul, [dir="rtl"] .article-body ol { padding-left: 0; padding-right: 1.5rem; } /* Code blocks — keep LTR for code */ [dir="rtl"] pre, [dir="rtl"] code { direction: ltr; text-align: left; } /* Sidebar */ [dir="rtl"] .content-with-sidebar { direction: rtl; } [dir="rtl"] .sidebar { text-align: right; } /* Stat grid */ [dir="rtl"] .stat-card { text-align: right; } /* Admin table */ [dir="rtl"] .admin-table th, [dir="rtl"] .admin-table td { text-align: right; } /* Form labels */ [dir="rtl"] .form-label { text-align: right; } /* Buttons with icons — swap gap */ [dir="rtl"] .btn { flex-direction: row-reverse; } /* Nav mobile open */ [dir="rtl"] .nav-mobile-open .nav-links { flex-direction: column; } /* Contact grid */ [dir="rtl"] .contact-grid { direction: rtl; } [dir="rtl"] .contact-info h3 { text-align: right; } /* Breadcrumb separators */ [dir="rtl"] .breadcrumb-sep { transform: scaleX(-1); display: inline-block; } /* Lang switcher active side */ [dir="rtl"] .nav-lang { flex-direction: row; }