/* ===== HERO direction fixes ===== */

/* الوضع الافتراضي: LTR (إنجليزي) */
.home-hero-inner--single{
    display: flex;
    justify-content: flex-start;
}
.home-hero-col--left{
    text-align: left;
}

/* RTL (عربي) */
[dir="rtl"] .home-hero-inner--single{
    justify-content: flex-end;
}
[dir="rtl"] .home-hero-col--left{
    text-align: right;
}

/* لضمان أن عناصر meta تلتزم بالاتجاه */
.home-hero-meta{
    display: flex;
    flex-wrap: wrap;
    gap: 12px 18px;
}
[dir="rtl"] .home-hero-meta{
    justify-content: flex-end;
}
[dir="ltr"] .home-hero-meta{
    justify-content: flex-start;
}

/* =========================
   RTL TEXT FIX (No Cut/Spacing)
   Fix Arabic "broken" letters/words
========================= */

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] p,
html[dir="rtl"] .section-sub,
html[dir="rtl"] .section-title-main,
html[dir="rtl"] .about-title,
html[dir="rtl"] .workshop-sub,
html[dir="rtl"] .inner-banner-content h1,
html[dir="rtl"] .inner-banner-content p,
html[dir="rtl"] .hero-title,
html[dir="rtl"] .hero-subtitle,
html[dir="rtl"] .hero-desc{
  letter-spacing: 0 !important;
  word-spacing: 0 !important;
  text-transform: none !important;
  text-align: right;
}

/* لو عندك justify في بعض الأماكن ويسبب فراغات */
html[dir="rtl"] .inner-banner-content,
html[dir="rtl"] .about-profile-text,
html[dir="rtl"] .news-page,
html[dir="rtl"] .contact-page{
  text-align: right;
}

/* منع كسر/تشويه النص */
html[dir="rtl"] *{
  hyphens: none !important;
  font-kerning: normal;
}