/*
 * HeelzFlow RTL — rtl.css
 * Arabic (default) + Kurdish — logical properties handle most RTL.
 * This file only overrides exceptions.
 */

body {
  direction: rtl;
  text-align: right;
}

/* Cairo for Arabic/Kurdish body text */
body,
.section-title,
.hero__title,
.btn,
h1, h2, h3, h4, h5, h6 {
  font-family: 'Cairo', sans-serif;
}

/* Phone numbers always LTR */
.header-phone,
.footer-contact-row a,
.stat-number {
  direction: ltr;
  display: inline-block;
}

/* FAQ question text alignment */
.faq-question { text-align: start; }

/* Footer bottom — reverse order in RTL */
.footer-bottom { flex-direction: row-reverse; }
@media (max-width: 768px) {
  .footer-bottom { flex-direction: column; }
}

/* English body override */
body.lang-en {
  direction: ltr;
  text-align: left;
  font-family: 'Inter', sans-serif;
}
body.lang-en h1,
body.lang-en h2,
body.lang-en h3,
body.lang-en .btn {
  font-family: 'Inter', sans-serif;
}
body.lang-en .footer-bottom { flex-direction: row; }
body.lang-en .header-phone { direction: ltr; }

/* Marquee direction — always LTR regardless of page direction */
.marquee-inner { animation-name: marqueeLeft; }

/* ── Blog RTL overrides ───────────────────────────────── */

/* Reading progress — start from right in RTL */
#reading-progress {
  inset-inline-start: auto;
  inset-inline-end: 0;
  border-radius: 2px 0 0 2px;
}

/* Category badge position handled by logical inset-inline-start (works in RTL) */

/* Back link arrow — flip for RTL */
.article-back-link svg,
.article-card__link svg {
  transform: scaleX(-1);
}

/* Entry content blockquote — border on right in RTL */
.entry-content blockquote {
  border-inline-start: 3px solid var(--color-purple);
}

/* Pagination arrows — handled by logical props, no override needed */

/* Archive category filter — align start */
.cat-filter { justify-content: flex-start; }

/* Article meta inline direction */
.article-meta__details { direction: ltr; }

/* LTR for EN/KU — restore arrow directions */
body.lang-en .article-back-link svg,
body.lang-en .article-card__link svg,
body.lang-ku .article-back-link svg,
body.lang-ku .article-card__link svg {
  transform: scaleX(1);
}