/* ═══════════════════════════════════════════════════════════ SANAD APS — RTL (Arabic) Layout Overrides Applied only when is set ═══════════════════════════════════════════════════════════ */ /* ─── Typography ─────────────────────────────────────────────── */ [dir="rtl"] { font-family: 'Cairo', 'Noto Sans Arabic', 'Segoe UI', sans-serif; text-align: right; } [dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3 { font-family: 'Cairo', sans-serif; letter-spacing: 0; } [dir="rtl"] .section-eyebrow, [dir="rtl"] .section-title, [dir="rtl"] .section-sub { text-align: right; } [dir="rtl"] .text-center .section-eyebrow, [dir="rtl"] .text-center .section-title, [dir="rtl"] .text-center .section-sub { text-align: center; } /* ─── Header ─────────────────────────────────────────────────── */ [dir="rtl"] .header-inner { flex-direction: row-reverse; } [dir="rtl"] .logo-link { flex-direction: row-reverse; } [dir="rtl"] .logo-text { text-align: right; } [dir="rtl"] .main-nav { flex-direction: row-reverse; } [dir="rtl"] .nav-btn { margin-left: 0; margin-right: 8px; } [dir="rtl"] .lang-switcher { order: -1; } /* ─── Mobile Nav ─────────────────────────────────────────────── */ [dir="rtl"] .mobile-nav { right: auto; left: -300px; } [dir="rtl"] .mobile-nav.open { left: 0; } [dir="rtl"] .mobile-nav-close { align-self: flex-start; } /* ─── Hero ────────────────────────────────────────────────────── */ [dir="rtl"] .slide-overlay { background: linear-gradient( -120deg, rgba(11,45,107,.82) 0%, rgba(11,45,107,.45) 60%, transparent 100% ); } [dir="rtl"] .slide-content .container { text-align: right; } [dir="rtl"] .slide-actions { justify-content: flex-start; } [dir="rtl"] .slide-eyebrow { flex-direction: row-reverse; } [dir="rtl"] .hero-arrow:first-child { order: 1; } [dir="rtl"] .hero-arrow:last-child { order: -1; } /* ─── About ──────────────────────────────────────────────────── */ [dir="rtl"] .about-grid { direction: rtl; } [dir="rtl"] .about-features { direction: rtl; } [dir="rtl"] .about-feature { flex-direction: row-reverse; text-align: right; } [dir="rtl"] .about-badge { right: auto; left: -20px; } /* ─── Activity Cards ──────────────────────────────────────────── */ [dir="rtl"] .activity-card-body { text-align: right; } [dir="rtl"] .activity-card-meta { flex-direction: row-reverse; } [dir="rtl"] .activity-card-footer { flex-direction: row-reverse; } [dir="rtl"] .activity-card-cat { text-align: right; } /* ─── President ────────────────────────────────────────────────── */ [dir="rtl"] .president-grid { direction: rtl; } [dir="rtl"] .president-quote::before { margin-right: 0; margin-left: 8px; } /* ─── Categories ─────────────────────────────────────────────── */ [dir="rtl"] .category-card { direction: rtl; } /* ─── Breadcrumb ─────────────────────────────────────────────── */ [dir="rtl"] .breadcrumb { flex-direction: row-reverse; } /* ─── Page Hero ──────────────────────────────────────────────── */ [dir="rtl"] .page-hero h1, [dir="rtl"] .page-hero p { text-align: right; } /* ─── Contact ────────────────────────────────────────────────── */ [dir="rtl"] .info-card { flex-direction: row-reverse; } [dir="rtl"] .info-text { text-align: right; } /* ─── Activity Detail / Sidebar ──────────────────────────────── */ [dir="rtl"] .sidebar-info-item { flex-direction: row-reverse; } [dir="rtl"] .sidebar-info-value { text-align: right; } [dir="rtl"] .activity-description { text-align: right; } [dir="rtl"] .events-timeline { padding-left: 0; padding-right: 28px; } [dir="rtl"] .events-timeline::before { left: auto; right: 7px; } [dir="rtl"] .event-item::before { left: auto; right: -25px; } /* ─── Forms ──────────────────────────────────────────────────── */ [dir="rtl"] .form-group label { text-align: right; display: block; } [dir="rtl"] .form-control { text-align: right; direction: rtl; } [dir="rtl"] .form-grid-2 { direction: rtl; } [dir="rtl"] .radio-group { flex-direction: row-reverse; } [dir="rtl"] .radio-option { flex-direction: row-reverse; } [dir="rtl"] .checkbox-label { flex-direction: row-reverse; text-align: right; } [dir="rtl"] .form-section-title { text-align: right; } /* ─── Join Steps ─────────────────────────────────────────────── */ [dir="rtl"] .join-steps { direction: rtl; } [dir="rtl"] .join-step { text-align: right; } /* ─── Verify page ─────────────────────────────────────────────── */ [dir="rtl"] .verify-input-group { flex-direction: row-reverse; } [dir="rtl"] .verify-input { text-align: right; direction: ltr; /* keep CF input LTR */ } [dir="rtl"] .verify-body { text-align: right; } [dir="rtl"] .cert-result-header { flex-direction: row-reverse; } [dir="rtl"] .cert-fields { direction: rtl; } [dir="rtl"] .cert-field { text-align: right; } [dir="rtl"] .cert-field label { text-align: right; } /* ─── Footer ─────────────────────────────────────────────────── */ [dir="rtl"] .footer-grid { direction: rtl; } [dir="rtl"] .footer-col { text-align: right; } [dir="rtl"] .footer-col ul a { display: block; } [dir="rtl"] .footer-contacts li { flex-direction: row-reverse; } [dir="rtl"] .footer-social { flex-direction: row-reverse; } [dir="rtl"] .footer-brand p { text-align: right; } [dir="rtl"] .footer-bottom { flex-direction: row-reverse; } /* ─── Success boxes ──────────────────────────────────────────── */ [dir="rtl"] .success-box h3, [dir="rtl"] .success-box p { text-align: center; } /* ─── Badges ─────────────────────────────────────────────────── */ [dir="rtl"] .badge { direction: rtl; } /* ─── Table ──────────────────────────────────────────────────── */ [dir="rtl"] .tbl th, [dir="rtl"] .tbl td { text-align: right; } [dir="rtl"] .tbl-actions { flex-direction: row-reverse; } /* ─── Arabic font from Google (applied via head.php) ───────────── */