/* Police Tajawal chargée via dans le de chaque page (voir includes/pwa_head.php ou le direct) — un @import ici retarderait sérieusement l'affichage du texte arabe. */ /* ═══════════════════════════════════════════════ PrépaConcours — Styles RTL (العربية) ═══════════════════════════════════════════════ */ /* ── Typo arabe (essai local : Tajawal) ──────── */ [dir="rtl"] body { font-family: 'Tajawal', 'Cairo', system-ui, sans-serif; } [dir="rtl"] .hero__title, [dir="rtl"] .section__title, [dir="rtl"] .module-hero__title, [dir="rtl"] .cta-section h2, [dir="rtl"] .module-cta h3 { font-family: 'Tajawal', 'Cairo', sans-serif; font-weight: 800; } [dir="rtl"] .stat-card__value { font-family: 'Tajawal', 'Cairo', sans-serif; } /* ── Callouts — border côté droit ───────────── */ [dir="rtl"] .callout { border-left: none; border-right: 4px solid var(--clr-primary); border-radius: var(--radius-sm) 0 0 var(--radius-sm); } [dir="rtl"] .callout--warn { border-right-color: #f59e0b; border-left: none; } [dir="rtl"] .callout--tip { border-right-color: #22c55e; border-left: none; } /* ── Stat-card accent ────────────────────────── */ [dir="rtl"] .stat-card--accent { border-left: none; border-right: 4px solid var(--clr-primary); } /* ── Module card — trait supérieur conservé ──── */ [dir="rtl"] .module-card::before { right: 0; left: 0; } /* ── Listes prose ────────────────────────────── */ [dir="rtl"] .prose ul, [dir="rtl"] .prose ol { padding-right: 1.5rem; padding-left: 0; } [dir="rtl"] .objectives ul { padding-right: 0; padding-left: 0; } [dir="rtl"] .objectives li { flex-direction: row-reverse; justify-content: flex-end; } [dir="rtl"] .objectives li::before { margin-top: .1rem; } /* ── Steps connector arrow ───────────────────── */ [dir="rtl"] .step__connector::after { right: auto; left: 0; border-left-color: transparent; border-right-color: var(--clr-border); } /* ── Module hero — icon spacing ──────────────── */ [dir="rtl"] .module-hero__inner { flex-direction: row-reverse; } @media (max-width: 600px) { [dir="rtl"] .module-hero__inner { flex-direction: column; } } /* ── Breadcrumb ──────────────────────────────── */ [dir="rtl"] .breadcrumb { flex-direction: row-reverse; } /* ── Nav ─────────────────────────────────────── */ [dir="rtl"] .nav__list { margin-inline-start: auto; } /* ── Chapter body text ───────────────────────── */ [dir="rtl"] .chapter__header { flex-direction: row-reverse; } [dir="rtl"] .chapter__title { text-align: right; } [dir="rtl"] .chapter__meta { text-align: left; } /* h4 arrow — mirror for RTL */ [dir="rtl"] .chapter__body h4::before { content: '◂'; } /* content-list — bullet wraps correctly via flex RTL, no override needed */ [dir="rtl"] .content-list > li { text-align: right; } /* ── Module hero meta ────────────────────────── */ [dir="rtl"] .module-hero__meta { flex-direction: row-reverse; } /* ── TOC list ────────────────────────────────── */ [dir="rtl"] .toc-list li a { flex-direction: row-reverse; } /* ── Sidebar modules nav ─────────────────────── */ [dir="rtl"] .modules-nav a { flex-direction: row-reverse; } /* ── Footer grid text ────────────────────────── */ [dir="rtl"] .footer__col ul li a { text-align: right; } /* ── Pager ───────────────────────────────────── */ [dir="rtl"] .module-pager { flex-direction: row-reverse; } [dir="rtl"] .pager-link { flex-direction: row-reverse; } [dir="rtl"] .pager-link--next { flex-direction: row; } [dir="rtl"] .pager-link__label, [dir="rtl"] .pager-link__title { text-align: right; } [dir="rtl"] .pager-link--next .pager-link__label, [dir="rtl"] .pager-link--next .pager-link__title { text-align: left; } /* ── Key terms grid ──────────────────────────── */ [dir="rtl"] .key-term__word { text-align: right; } [dir="rtl"] .key-term__def { text-align: right; } /* ── Progress label ──────────────────────────── */ [dir="rtl"] .progress-label { text-align: right; } /* ── Test card info ──────────────────────────── */ [dir="rtl"] .test-card__info { flex-direction: row-reverse; } [dir="rtl"] .test-card__badge { right: auto; left: 1.25rem; } /* ── Module card meta ────────────────────────── */ [dir="rtl"] .module-card__meta { flex-direction: row-reverse; } /* ── Hero actions ────────────────────────────── */ [dir="rtl"] .hero__actions { flex-direction: row-reverse; } [dir="rtl"] .stats-bar__grid { direction: rtl; } /* ── Section tag ─────────────────────────────── */ [dir="rtl"] .section__header { direction: rtl; } /* ── CTA section ─────────────────────────────── */ [dir="rtl"] .cta-section__actions { flex-direction: row-reverse; } /* ── Switcher langue ─────────────────────────── */ .lang-switch { display: inline-flex; align-items: center; gap: .4rem; font-size: .875rem; font-weight: 700; color: var(--clr-primary); background: var(--clr-primary-lt); border: 2px solid var(--clr-primary); border-radius: 99px; padding: .35rem .9rem; transition: var(--transition); white-space: nowrap; text-decoration: none; letter-spacing: .01em; } .lang-switch::before { content: "🌐"; font-size: .85em; line-height: 1; } .lang-switch:hover { color: #fff; background: var(--clr-primary); border-color: var(--clr-primary); transform: translateY(-1px); box-shadow: 0 4px 12px rgba(29,78,216,.25); }