/* ==========================================================================
   RTL — Right-to-left overrides for Arabic language
   ========================================================================== */

/* --------------------------------------------------------------------------
   General Direction
   -------------------------------------------------------------------------- */
[dir="rtl"] {
  direction: rtl;
  text-align: right;
}

/* --------------------------------------------------------------------------
   Header
   -------------------------------------------------------------------------- */
[dir="rtl"] .site-header__inner {
  flex-direction: row-reverse;
}

[dir="rtl"] .site-header__menu {
  flex-direction: row-reverse;
}

[dir="rtl"] .site-header__actions {
  flex-direction: row-reverse;
}

[dir="rtl"] .site-header__menu li a::after {
  left: auto;
  right: var(--space-3);
  transform-origin: left;
}

[dir="rtl"] .site-header__menu li a:hover::after,
[dir="rtl"] .site-header__menu li.current-menu-item > a::after {
  transform-origin: right;
}

[dir="rtl"] .site-header__menu li .sub-menu {
  left: auto;
  right: 0;
}

/* Mobile menu slides from left in RTL */
[dir="rtl"] .mobile-menu {
  right: auto;
  left: 0;
  transform: translateX(-100%);
}

[dir="rtl"] .mobile-menu[aria-hidden="false"] {
  transform: translateX(0);
}

[dir="rtl"] .mobile-menu__close {
  align-self: flex-start;
}

[dir="rtl"] .mobile-menu__list li .sub-menu {
  padding-left: 0;
  padding-right: var(--space-4);
}

/* Language switcher separator */
[dir="rtl"] .language-switcher__list {
  flex-direction: row-reverse;
}

/* --------------------------------------------------------------------------
   Hero
   -------------------------------------------------------------------------- */
[dir="rtl"] .hero__actions {
  flex-direction: column;
}

@media (min-width: 640px) {
  [dir="rtl"] .hero__actions {
    flex-direction: row-reverse;
  }
}

/* --------------------------------------------------------------------------
   Footer
   -------------------------------------------------------------------------- */
[dir="rtl"] .site-footer__grid {
  direction: rtl;
}

[dir="rtl"] .site-footer__tagline {
  text-align: right;
}

/* --------------------------------------------------------------------------
   Breadcrumb
   -------------------------------------------------------------------------- */
[dir="rtl"] .breadcrumb__list {
  flex-direction: row-reverse;
}

[dir="rtl"] .breadcrumb__item + .breadcrumb__item::before {
  content: '\2039';
}

/* --------------------------------------------------------------------------
   Project Card
   -------------------------------------------------------------------------- */
[dir="rtl"] .project-card__badge {
  right: auto;
  left: var(--space-3);
}

[dir="rtl"] .project-card__meta {
  flex-direction: row-reverse;
}

[dir="rtl"] .project-card__year::after {
  margin-left: 0;
  margin-right: var(--space-3);
}

/* --------------------------------------------------------------------------
   Project Filter
   -------------------------------------------------------------------------- */
[dir="rtl"] .project-filter {
  flex-direction: row-reverse;
}

/* --------------------------------------------------------------------------
   Project Detail
   -------------------------------------------------------------------------- */
[dir="rtl"] .project-detail__meta-row {
  flex-direction: row-reverse;
}

[dir="rtl"] .project-detail__meta-value {
  text-align: left;
}

[dir="rtl"] .project-detail__back a {
  flex-direction: row-reverse;
}

/* --------------------------------------------------------------------------
   About Page
   -------------------------------------------------------------------------- */
[dir="rtl"] .about-page__timeline {
  padding-left: 0;
  padding-right: var(--space-8);
}

[dir="rtl"] .about-page__timeline::before {
  left: auto;
  right: 10px;
}

[dir="rtl"] .about-page__timeline-item::before {
  left: auto;
  right: calc(-1 * var(--space-8) + 4px);
}

/* --------------------------------------------------------------------------
   Contact Form
   -------------------------------------------------------------------------- */
[dir="rtl"] .contact-form__select {
  background-position: left var(--space-4) center;
  padding-right: var(--space-4);
  padding-left: var(--space-10);
}

[dir="rtl"] .contact-form__required {
  margin-left: 0;
  margin-right: var(--space-1);
}

/* --------------------------------------------------------------------------
   Contact Page Info
   -------------------------------------------------------------------------- */
[dir="rtl"] .contact-page__info-card {
  flex-direction: row-reverse;
}

/* --------------------------------------------------------------------------
   Search Form
   -------------------------------------------------------------------------- */
[dir="rtl"] .search-form {
  flex-direction: row-reverse;
}

/* --------------------------------------------------------------------------
   Single Post Navigation
   -------------------------------------------------------------------------- */
[dir="rtl"] .single-post__navigation {
  flex-direction: row-reverse;
}

[dir="rtl"] .single-post__nav-link--next {
  text-align: left;
  margin-left: 0;
  margin-right: auto;
}

/* --------------------------------------------------------------------------
   Social Icons
   -------------------------------------------------------------------------- */
[dir="rtl"] .social-icons__list {
  flex-direction: row-reverse;
}

/* --------------------------------------------------------------------------
   Stats Counter
   -------------------------------------------------------------------------- */
[dir="rtl"] .stats-counter__number {
  direction: ltr;
  unicode-bidi: embed;
}

/* --------------------------------------------------------------------------
   Preserve LTR for URLs, numbers, and code
   -------------------------------------------------------------------------- */
[dir="rtl"] a[href],
[dir="rtl"] code,
[dir="rtl"] pre,
[dir="rtl"] time {
  direction: ltr;
  unicode-bidi: embed;
}

/* Search results item */
[dir="rtl"] .search-results__item-title a,
[dir="rtl"] .search-results__item-link {
  direction: rtl;
  unicode-bidi: normal;
}

/* Error page */
[dir="rtl"] .error-404__code {
  direction: ltr;
  unicode-bidi: embed;
}

/* Arrows flip in RTL */
[dir="rtl"] .hero__scroll-arrow {
  transform: rotate(45deg);
}

/* --------------------------------------------------------------------------
   Legal Pages
   -------------------------------------------------------------------------- */
[dir="rtl"] .legal-page__back-link {
  flex-direction: row-reverse;
}

[dir="rtl"] .legal-page__content ul,
[dir="rtl"] .legal-page__content ol {
  padding-left: 0;
  padding-right: var(--space-6);
}

[dir="rtl"] .legal-page__project-name a {
  direction: rtl;
  unicode-bidi: normal;
}

[dir="rtl"] .project-detail__legal-list {
  direction: rtl;
}

/* --------------------------------------------------------------------------
   Desktop overrides
   -------------------------------------------------------------------------- */
@media (min-width: 1024px) {
  [dir="rtl"] .project-detail__layout {
    direction: rtl;
  }

  [dir="rtl"] .contact-page__layout {
    direction: rtl;
  }

  [dir="rtl"] .legal-page__layout {
    direction: rtl;
  }
}
