/* ═══════════════════════════════════════════════════════════════════════════
   ar-rtl.css — Police Cairo + TOUTES les règles RTL (urgence-retine-paris.fr)
   Source unique de vérité pour l'arabe.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Police Cairo ─────────────────────────────────────────────────────────── */
:root { --font: 'Cairo', 'Roboto', system-ui, sans-serif; }

/* Fragments latins dans pages AR : retombent sur Roboto */
bdi, [lang="fr"], [lang="en"] { font-family: var(--font-latin, 'Roboto', sans-serif); }


/* ── Navigation ─────────────────────────────────────────────────────────── */
[dir="rtl"] #site-header { direction: rtl; }
[dir="rtl"] .nav-logo { flex-direction: row-reverse; }
[dir="rtl"] .nav-logo-text { text-align: right; }
[dir="rtl"] .nav-links { direction: rtl; }
.lang-switcher { direction: ltr; }
@media (max-width: 900px) {
  [dir="rtl"] .nav-right { right: auto; left: 0; }
  [dir="rtl"] .nav-links { align-items: flex-end; }
  [dir="rtl"] .nav-links a { text-align: right; }
}
/* ── Titres de section ────────────────────────────────────────────────────── */
[dir="rtl"] .section-title { text-align: right; }
[dir="rtl"] .section-divider { margin-right: 0; margin-left: auto; }

/* ── Homepage — Hero ──────────────────────────────────────────────────────── */
[dir="rtl"] .hero-inner { flex-direction: row-reverse; }
[dir="rtl"] .hero-text { text-align: right; }
[dir="rtl"] .hero-ctas { justify-content: flex-start; }
@media (max-width: 768px) {
  [dir="rtl"] .hero-inner { flex-direction: column; }
}

/* ── Homepage — Diplômes / Timeline ──────────────────────────────────────── */
[dir="rtl"] .diploma-year { margin-left: 4px; margin-right: 0; }
[dir="rtl"] .diploma-title { text-align: right; }
[dir="rtl"] .diploma-university { text-align: right; }

/* ── Homepage — Contact / Infos ──────────────────────────────────────────── */
[dir="rtl"] .contact-wrapper { flex-direction: row-reverse; }
[dir="rtl"] .info-item { text-align: right; }
[dir="rtl"] .info-item svg { margin-left: 10px; margin-right: 0; }
[dir="rtl"] .contact-info-card { direction: rtl; text-align: right; }

/* ── Homepage — Formulaire de contact ────────────────────────────────────── */
[dir="rtl"] .contact-form-card { direction: rtl; }
[dir="rtl"] .form-group label { text-align: right; }
[dir="rtl"] .form-group input,
[dir="rtl"] .form-group textarea { text-align: right; direction: rtl; }
[dir="rtl"] .form-group input[type="tel"],
[dir="rtl"] .form-group input[type="email"] { direction: ltr; text-align: right; }
[dir="rtl"] .form-msg { text-align: right; }
[dir="rtl"] .btn-submit { direction: rtl; }

/* ── Homepage — Pills pathologies (demi-gélules) ─────────────────────────── */
[dir="rtl"] .patho-pill {
  border-radius: 0 50px 50px 0;
  border-right: 1.5px solid #e5e8ed;
  border-left: none;
}
[dir="rtl"] .patho-pill:hover {
  border-top: 1.5px solid var(--primary) !important;
  border-right: 1.5px solid var(--primary) !important;
  border-bottom: 1.5px solid var(--primary) !important;
  border-left: none !important;
  border-radius: 0 50px 50px 0 !important;
}
[dir="rtl"] .patho-pill-link {
  border-radius: 50px 0 0 50px;
  border-right: 1px solid #d8dce3;
  border-left: 1.5px solid #e5e8ed;
}
[dir="rtl"] .patho-pill-link:hover {
  border-color: var(--primary) !important;
}
[dir="rtl"] .patho-pill:hover + .patho-pill-link {
  border-left-color: #e5e8ed !important;
  border-right-color: var(--primary) !important;
}

/* ── Homepage — Onglets symptômes ────────────────────────────────────────── */
[dir="rtl"] .sym-tab {
  border-radius: 0 50px 50px 0;
  border-right: 1.5px solid #e5e8ed;
  border-left: none;
}
[dir="rtl"] .sym-tab:hover:not(.active) {
  border-top: 1.5px solid var(--primary) !important;
  border-right: 1.5px solid var(--primary) !important;
  border-bottom: 1.5px solid var(--primary) !important;
  border-left: 1.5px solid var(--primary) !important;
  border-radius: 0 50px 50px 0 !important;
}
[dir="rtl"] .sym-tab.active {
  border-left: none !important;
  border-right: 1.5px solid var(--primary) !important;
  border-radius: 0 50px 50px 0 !important;
}
[dir="rtl"] .sym-tab-link {
  border-radius: 50px 0 0 50px;
  border-right: 1px solid #d8dce3;
  border-left: 1.5px solid #e5e8ed;
}
[dir="rtl"] .sym-tab-link:hover {
  border-color: var(--primary) !important;
}

/* ── Liste articles ───────────────────────────────────────────────────────── */
[dir="rtl"] .page-heading { text-align: right; }
[dir="rtl"] .page-sub { text-align: right; }
[dir="rtl"] .card-body { text-align: right; }
[dir="rtl"] .card-footer { flex-direction: row-reverse; }

/* ── Page article (détail) ────────────────────────────────────────────────── */
[dir="rtl"] .breadcrumb { text-align: right; direction: rtl; }
[dir="rtl"] .article-meta { direction: rtl; justify-content: flex-start; text-align: right; }
[dir="rtl"] .article-h1 { text-align: right; }
[dir="rtl"] .author-box {
  direction: rtl;
  border-left: none;
  border-right: 4px solid #c5003e;
  text-align: right;
}
[dir="rtl"] .author-box > div { text-align: right; }
[dir="rtl"] .article-content { direction: rtl; text-align: right; }
[dir="rtl"] .article-content ul,
[dir="rtl"] .article-content ol { margin: 12px 24px 16px 0; }
[dir="rtl"] .article-content blockquote {
  border-left: none;
  border-right: 4px solid var(--primary);
  border-radius: 0 8px 8px 0;
}
[dir="rtl"] .article-toc {
  direction: rtl;
  text-align: right;
  border-left: none;
  border-right: 4px solid var(--primary);
}
[dir="rtl"] .article-toc ul { padding-right: 0; }
[dir="rtl"] .article-toc li::before { margin-left: 6px; margin-right: 0; }