/* ==========================================================================
   RTL — Version arabe (ar)
   À charger APRÈS style.css, uniquement sur les pages <html dir="rtl" lang="ar">
   ========================================================================== */

[dir="rtl"] {
  --font-display: 'Noto Kufi Arabic', 'Cairo', 'Segoe UI', Tahoma, sans-serif;
  --font-body:    'Cairo', 'Noto Kufi Arabic', 'Segoe UI', Tahoma, sans-serif;
  --ls-wide:   0.06em;   /* L'arabe ne supporte pas l'interlettrage large */
  --ls-button: 0.02em;
  --lh-tight:  1.4;      /* L'arabe a besoin de plus d'interligne */
  --lh-snug:   1.55;
  --lh-body:   1.95;
}

[dir="rtl"] body { text-align: right; }

/* --- Typographie arabe : pas d'italique, pas de majuscules --- */
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3,
[dir="rtl"] h4, [dir="rtl"] h5 {
  font-weight: 700;
  letter-spacing: 0;
}
[dir="rtl"] .eyebrow,
[dir="rtl"] .btn,
[dir="rtl"] .nav__link,
[dir="rtl"] .arrow-link,
[dir="rtl"] .practice__more,
[dir="rtl"] .footer h4,
[dir="rtl"] .field label,
[dir="rtl"] .stats__label,
[dir="rtl"] .trustbar__title,
[dir="rtl"] .info-list__label,
[dir="rtl"] .contact-strip__label,
[dir="rtl"] .article-card__meta,
[dir="rtl"] .article-card__more,
[dir="rtl"] .fee-table thead th,
[dir="rtl"] .badge,
[dir="rtl"] .hero__meta-label,
[dir="rtl"] .brand__sub,
[dir="rtl"] .callout h4,
[dir="rtl"] .toc h4 {
  text-transform: none;
  font-weight: 600;
}
[dir="rtl"] em,
[dir="rtl"] .serif-quote,
[dir="rtl"] .prose blockquote,
[dir="rtl"] .hero h1 em { font-style: normal; }
[dir="rtl"] .hero h1 em { color: var(--gold-bright); }

/* --- Chiffres : garder les chiffres latins en LTR dans un flux RTL --- */
[dir="rtl"] .num,
[dir="rtl"] .practice__num,
[dir="rtl"] .step__num,
[dir="rtl"] .stats__value,
[dir="rtl"] .hero__meta-value,
[dir="rtl"] .fee-card__price,
[dir="rtl"] .google-badge__score,
[dir="rtl"] .empty-state__code,
[dir="rtl"] .hours-table td,
[dir="rtl"] time {
  direction: ltr;
  unicode-bidi: embed;
  display: inline-block;
}
[dir="rtl"] .stats__value,
[dir="rtl"] .empty-state__code { display: block; }

/* Numéros de téléphone et e-mails : toujours LTR */
/* (sauf topbar : garde son inline-flex pour que les règles de masquage mobile s'appliquent) */
[dir="rtl"] .is-ltr,
[dir="rtl"] a[href^="tel:"]:not(.topbar__item),
[dir="rtl"] a[href^="mailto:"]:not(.topbar__item) {
  direction: ltr;
  unicode-bidi: embed;
  display: inline-block;
  text-align: right;
}

/* --- Composants directionnels --- */
[dir="rtl"] .nav__submenu { left: auto; right: -1.25rem; }
[dir="rtl"] .nav__submenu a { border-left: 0; border-right: 2px solid transparent; }
[dir="rtl"] .nav__submenu a:hover { border-right-color: var(--gold); }

[dir="rtl"] .nav__link::after { left: auto; right: 0; }

[dir="rtl"] .mobile-nav { transform: translateX(100%); }
[dir="rtl"] .mobile-nav.is-open { transform: translateX(0); }
[dir="rtl"] .mobile-nav__list > li > a:hover { padding-left: 0; padding-right: 0.5rem; }
[dir="rtl"] .mobile-nav__sub { padding: 0 1rem 0 0; border-left: 0; border-right: 1px solid var(--line-invert); }

[dir="rtl"] .prose blockquote { border-left: 0; border-right: 2px solid var(--gold); }
[dir="rtl"] .prose ul, [dir="rtl"] .prose ol { padding-left: 0; padding-right: 1.35rem; }
[dir="rtl"] .toc ol { padding-left: 0; padding-right: 1.1rem; }

[dir="rtl"] .callout { border-left: 1px solid var(--line); border-right: 3px solid var(--gold); }

[dir="rtl"] .step::after { left: auto; right: 0; }
[dir="rtl"] .hero__bg::after { background-image: repeating-linear-gradient(to left, rgba(244,241,236,0.045) 0px, rgba(244,241,236,0.045) 1px, transparent 1px, transparent 78px); }

[dir="rtl"] .breadcrumb li::after { content: '\\'; }

[dir="rtl"] .burger__bars span { transform-origin: center; }

/* Alignement des grilles de texte */
[dir="rtl"] .section-head--center,
[dir="rtl"] .text-center { text-align: center; }

/* Le tableau des honoraires */
[dir="rtl"] .fee-table td:last-child { text-align: left; }
[dir="rtl"] .hours-table td { text-align: left; }

/* Ajustements fins de taille (l'arabe rend « plus petit » à taille égale) */
[dir="rtl"] h1 { font-size: clamp(1.95rem, 4.6vw, 3.5rem); }
[dir="rtl"] h2 { font-size: clamp(1.6rem, 3.1vw, 2.5rem); }
[dir="rtl"] .hero__lead { font-size: clamp(1rem, 1.6vw, 1.2rem); }
[dir="rtl"] .mobile-nav__list > li > a { font-size: 1.2rem; }
[dir="rtl"] .faq__q { font-size: clamp(0.98rem, 1.6vw, 1.15rem); }
[dir="rtl"] .serif-quote { font-size: clamp(1.2rem, 2.1vw, 1.65rem); }

/* Boutons flottants en RTL */
[dir="rtl"] .to-top { right: auto; left: 1.75rem; }
[dir="rtl"] .whatsapp-fab { left: auto; right: 1.75rem; }
@media (max-width: 780px) {
  [dir="rtl"] .to-top { right: auto; left: 1.1rem; }
  [dir="rtl"] .whatsapp-fab { left: auto; right: 1.1rem; }
}