/* ============================================================ RTL & Bilingual Language Support Activated via data-lang="ar" on ============================================================ */ /* === Language show/hide rules === */ .lang-ar { display: none; } [data-lang="ar"] .lang-en { display: none; } [data-lang="ar"] .lang-ar { display: inline; } /* === RTL direction === */ [data-lang="ar"] body { direction: rtl; text-align: right; } /* === Sidebar: flip to right side === */ [data-lang="ar"] .sidebar { border-right: none; border-left: 1px solid var(--gray-200); } [data-lang="ar"] .sidebar-nav li a { border-left: none; border-right: 3px solid transparent; } [data-lang="ar"] .sidebar-nav li a:hover { border-left-color: transparent; border-right-color: var(--gray-300); } [data-lang="ar"] .sidebar-nav li a.active { border-left-color: transparent; border-right-color: var(--navy); } /* === Header === */ [data-lang="ar"] .gov-header { flex-direction: row-reverse; } [data-lang="ar"] .gov-header-brand { flex-direction: row-reverse; } [data-lang="ar"] .gov-header-right { flex-direction: row-reverse; } [data-lang="ar"] .official-bar { direction: rtl; } /* === Page content alignment === */ [data-lang="ar"] .page-header { text-align: right; } /* === Buttons & links inline spacing === */ [data-lang="ar"] .document-actions { direction: rtl; } /* === Data tables text alignment === */ [data-lang="ar"] .data-table th, [data-lang="ar"] .data-table td { text-align: right; } /* === Forms === */ [data-lang="ar"] .form-group { text-align: right; } [data-lang="ar"] .form-control, [data-lang="ar"] .form-select, [data-lang="ar"] textarea.form-control { text-align: right; } /* === Stats grid === */ [data-lang="ar"] .stats-grid, [data-lang="ar"] .doc-stats-bar { direction: rtl; } /* === Filter bar === */ [data-lang="ar"] .filter-bar .form-inline { direction: rtl; } /* === Footer === */ [data-lang="ar"] .gov-footer-content { direction: rtl; } /* === Login page === */ [data-lang="ar"] .login-split { direction: rtl; } [data-lang="ar"] .login-left, [data-lang="ar"] .login-right { text-align: center; } [data-lang="ar"] .login-form-card { text-align: right; } [data-lang="ar"] .login-security-warning { text-align: right; } [data-lang="ar"] .demo-credentials { text-align: right; } /* === Quick actions === */ [data-lang="ar"] .quick-actions { direction: rtl; } /* === Info boxes === */ [data-lang="ar"] .info-box { text-align: right; } /* === Access management === */ [data-lang="ar"] .access-management { text-align: right; } /* === Sidebar footer === */ [data-lang="ar"] .sidebar-footer { text-align: right; } /* === Verification result === */ [data-lang="ar"] .verification-result { text-align: right; } /* === Error page === */ [data-lang="ar"] .error-page { text-align: right; } /* === Auth link and info === */ [data-lang="ar"] .auth-link, [data-lang="ar"] .auth-info { text-align: right; } /* === Pagination === */ [data-lang="ar"] .pagination { direction: rtl; } /* === Classification banner RTL === */ [data-lang="ar"] .classification-banner { direction: rtl; } /* === Language toggle button === */ .lang-toggle { background: transparent; border: 1px solid var(--gold); color: var(--gold); padding: 2px 10px; font-size: 0.75rem; font-weight: 600; cursor: pointer; letter-spacing: 0.5px; transition: all 0.15s; font-family: var(--font-body); } .lang-toggle:hover { background: var(--gold); color: var(--navy); } /* === Mobile sidebar RTL === */ @media (max-width: 768px) { [data-lang="ar"] .sidebar { left: auto; right: -280px; transition: right 0.25s ease; } [data-lang="ar"] .sidebar.open { right: 0; } [data-lang="ar"] .sidebar-toggle { left: auto; right: 20px; } }