html[dir="rtl"] {

  direction: rtl;

}

html[dir="rtl"] body {

  font-family: "IBM Plex Sans Arabic", "Inter", sans-serif;

  letter-spacing: 0;

}

/* Arabic typography polish */

html[dir="rtl"] h1,

html[dir="rtl"] h2,

html[dir="rtl"] h3,

html[dir="rtl"] .article-header h1,

html[dir="rtl"] .insights-hero h1 {

  letter-spacing: -0.03em;

  line-height: 1.18;

}

html[dir="rtl"] h1 {

  font-size: clamp(42px, 8vw, 82px);

}

html[dir="rtl"] h2 {

  line-height: 1.15;

}

html[dir="rtl"] .lead {

  line-height: 1.35;

  letter-spacing: -0.025em;

}

html[dir="rtl"] .sublead,

html[dir="rtl"] .about-text,

html[dir="rtl"] .about p,

html[dir="rtl"] .project-info p,

html[dir="rtl"] .skill-card p,

html[dir="rtl"] .contact-card p,

html[dir="rtl"] .article-content p {

  line-height: 1.9;

}

/* Alignment */

html[dir="rtl"] h1,

html[dir="rtl"] h2,

html[dir="rtl"] h3,

html[dir="rtl"] .lead,

html[dir="rtl"] .sublead,

html[dir="rtl"] .section-heading,

html[dir="rtl"] .project-info,

html[dir="rtl"] .about-grid,

html[dir="rtl"] .contact-card,

html[dir="rtl"] .article-header,

html[dir="rtl"] .article-content,

html[dir="rtl"] .insights-hero {

  text-align: right;

}

/* Eyebrow */

html[dir="rtl"] .eyebrow {

  letter-spacing: 0.04em;

}

/* Header */

html[dir="rtl"] .site-header {

  direction: rtl;

}

html[dir="rtl"] .brand {

  flex-direction: row-reverse;

}

html[dir="rtl"] .nav-pill {

  margin-inline-start: auto;

  margin-inline-end: 0;

}

html[dir="rtl"] .nav-pill a,

html[dir="rtl"] .btn,

html[dir="rtl"] .project-link,

html[dir="rtl"] .article-footer,

html[dir="rtl"] .footer-signature {

  flex-direction: row-reverse;

}

/* Keep language switch stable */

html[dir="rtl"] .header-lang-switch {

  font-family: "Inter", "IBM Plex Sans Arabic", sans-serif;

  direction: ltr;

}

/* Hero */

html[dir="rtl"] .hero {

  grid-template-columns: 0.85fr 1.15fr;

}

html[dir="rtl"] .hero-copy {

  order: 2;

}

html[dir="rtl"] .hero-panel {

  order: 1;

}

/* Projects */

html[dir="rtl"] .project-card.large,

html[dir="rtl"] .project-card:not(.moodly-card):not(.enterprise-card) {

  direction: rtl;

}

html[dir="rtl"] .project-info ul,

html[dir="rtl"] .article-content ul {

  padding-right: 0;

  padding-left: 0;

}

html[dir="rtl"] .project-info li,

html[dir="rtl"] .article-content li {

  padding: 16px 52px 16px 18px;

  text-align: right;

}

html[dir="rtl"] .project-info li::before,

html[dir="rtl"] .article-content li::before {

  left: auto;

  right: 18px;

}

/* Tags */

html[dir="rtl"] .tag-row {

  display: flex;

  flex-wrap: wrap;

  gap: 10px;

  justify-content: flex-end;

  align-items: center;

}

/* Articles */

html[dir="rtl"] .article-meta {

  flex-direction: row-reverse;

  justify-content: flex-end;

}

html[dir="rtl"] .article-content blockquote {

  border-left: 0;

  border-right: 3px solid var(--accent);

  text-align: right;

}

html[dir="rtl"] .back-link:hover {

  transform: translateX(4px);

}

/* Icon mirroring */

html[dir="rtl"] .bi-arrow-left,

html[dir="rtl"] .bi-arrow-right,

html[dir="rtl"] .bi-box-arrow-up-right {

  transform: scaleX(-1);

}

/* Keep sliders LTR so animation does not break */

html[dir="rtl"] .gby-slider,

html[dir="rtl"] .moodly-slider,

html[dir="rtl"] .slider-track,

html[dir="rtl"] .moodly-track {

  direction: ltr;

}

/* About */

.about-text,

.about p {

  font-size: clamp(18px, 1.6vw, 20px);

  line-height: 1.9;

}

/* Mobile */

@media (max-width: 900px) {

  html[dir="rtl"] .hero {

    grid-template-columns: 1fr;

  }

  html[dir="rtl"] .hero-copy,

  html[dir="rtl"] .hero-panel {

    order: initial;

  }

  html[dir="rtl"] .tag-row {

    justify-content: flex-start;

  }

}