/* =====================================================
   RTL adjustments — Arabic
   Most layout uses logical properties (inline-start/end),
   so this file only handles fine-tuning Arabic typography.
   ===================================================== */

[dir="rtl"] body {
    font-family: 'IBM Plex Sans Arabic', 'Inter', system-ui, sans-serif;
}

[dir="rtl"] .brand__name,
[dir="rtl"] .section__title,
[dir="rtl"] .hero__name,
[dir="rtl"] .timeline__title,
[dir="rtl"] .pub-card__title,
[dir="rtl"] .project-card__title,
[dir="rtl"] .edu-card__degree,
[dir="rtl"] .skill-group__title,
[dir="rtl"] .courses__title,
[dir="rtl"] .contact__title,
[dir="rtl"] .highlight-card__title {
    font-family: 'IBM Plex Sans Arabic', 'Space Grotesk', sans-serif;
    letter-spacing: 0;
}

[dir="rtl"] .hero__name { letter-spacing: -0.02em; }

/* Mono font shouldn't flip — keep numerals aligned */
[dir="rtl"] .eyebrow,
[dir="rtl"] .pub-card__year,
[dir="rtl"] .pub-card__type,
[dir="rtl"] .timeline__date,
[dir="rtl"] .skill__pct,
[dir="rtl"] .stat-card__num,
[dir="rtl"] .course-item__meta,
[dir="rtl"] .site-footer__bottom,
[dir="rtl"] .lang-chip__level,
[dir="rtl"] .hero__orb-mono,
[dir="rtl"] .project-card__category,
[dir="rtl"] .tag,
[dir="rtl"] .project-card__year,
[dir="rtl"] .edu-card__years {
    font-family: var(--font-mono);
    direction: ltr;
    unicode-bidi: embed;
}

/* The eyebrow line still appears on the start side */
[dir="rtl"] .eyebrow {
    direction: rtl;
    text-align: start;
}

/* Reverse the gradient direction on RTL for the timeline */
[dir="rtl"] .timeline__item::before {
    box-shadow: 0 0 0 4px oklch(75% 0.18 210 / 0.15), 0 0 12px var(--accent-1);
}

/* Smooth-text in Arabic */
[dir="rtl"] {
    --fs-base: clamp(0.98rem, 0.94rem + 0.3vw, 1.08rem);
    line-height: 1.7;
}