/* ==========================================================================
   Kreston Egypt — RTL Support (v3)
   ========================================================================== */

[dir="rtl"] {
  /* Mega Menu */
  .k-mega {
    left: auto;
    right: 50%;
    transform: translateX(50%) translateY(12px);
  }
  .k-nav__item:hover .k-mega {
    transform: translateX(50%) translateY(0);
  }

  /* Buttons */
  .k-btn:hover .k-btn__arrow { transform: translateX(-4px); }

  /* Service items */
  .k-service-item::before { left: auto; right: 0; }
  .k-service-item:hover { padding-left: 0; padding-right: var(--k-s-6); }

  /* Industry items */
  .k-industry-item::before { left: auto; right: 0; }
  .k-industry-item:hover {
    padding-left: clamp(1.25rem, 1rem + 1.5vw, 2rem);
    padding-right: calc(clamp(1.25rem, 1rem + 1.5vw, 2rem) + var(--k-s-4));
  }
  .k-industry-item__arrow { transform: translateX(8px); }
  .k-industry-item:hover .k-industry-item__arrow { transform: translateX(0); }

  /* Secondary articles */
  .k-secondary:hover { padding-left: 0; padding-right: var(--k-s-4); }

  /* About image accent */
  .k-about__image-accent { right: auto; left: -20px; }

  /* Hero side stats */
  .k-hero__side-stat { text-align: left; }
  .k-hero__side-stat-line { margin-left: 0; margin-right: auto; }

  /* Footer */
  .k-footer__bottom-inner { text-align: right; }

  /* Form select */
  .k-field__select {
    background-position: left 14px center;
    padding-right: var(--k-s-5);
    padding-left: 44px;
  }

  /* Article blockquote */
  .k-article blockquote {
    border-left: none;
    border-right: 3px solid var(--k-accent);
    padding-left: 0;
    padding-right: var(--k-s-8);
  }

  /* Breadcrumb */
  .k-breadcrumb__sep { transform: scaleX(-1); }
}

/* ── Arabic Typography ──
   IBM Plex Sans Arabic, self-hosted alongside Inter — the same pairing the
   chemexa-ghana theme uses. The faces come from assets/fonts/, inlined by
   kreston_font_face_css(), so there is no remote stylesheet to import. */
[lang="ar"] body,
html[lang="ar"] body,
[dir="rtl"] body {
  font-family: var(--k-font-ar);
}

[lang="ar"] h1, [lang="ar"] h2, [lang="ar"] h3,
[lang="ar"] h4, [lang="ar"] h5, [lang="ar"] h6,
html[lang="ar"] h1, html[lang="ar"] h2, html[lang="ar"] h3,
html[lang="ar"] h4, html[lang="ar"] h5, html[lang="ar"] h6,
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3,
[dir="rtl"] h4, [dir="rtl"] h5, [dir="rtl"] h6 {
  font-family: var(--k-font-ar);
}

/* Arabic has no small caps and much less kerning headroom than Inter — the
   Latin display tracking closes the counters up, so reset it. */
[lang="ar"] .display-hero,
[lang="ar"] .display-lg,
[lang="ar"] .display-md,
[lang="ar"] .editorial-title,
[dir="rtl"] .display-hero,
[dir="rtl"] .display-lg,
[dir="rtl"] .display-md,
[dir="rtl"] .editorial-title {
  font-family: var(--k-font-ar);
  letter-spacing: 0;
  text-transform: none;
}