/* ============================================================
   AppSaze — assets/css/rtl.css
   استایل‌های راست‌چین (RTL) مخصوص زبان فارسی
   ============================================================ */

body {
  direction: rtl;
  unicode-bidi: embed;
}

/* ── Typography RTL overrides ── */
.text-left-rtl {
  text-align: right;
}
.text-right-rtl {
  text-align: left;
}

/* ── alignment overrides ── */
.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

/* ── Blockquote RTL overrides ── */
.article-single__content blockquote {
  border-right: 4px solid var(--accent-primary);
  border-left: none;
  border-radius: 0 var(--radius-md) var(--radius-md) 0;
}

/* ── Navigation drawer RTL ── */
.mobile-nav-drawer {
  right: auto;
  left: -100%;
  border-left: none;
  border-right: 1px solid var(--glass-border);
}
.mobile-nav-drawer.active {
  left: 0;
  right: auto;
}

/* ── Sidebar layout order in RTL ── */
@media (min-width: 1024px) {
  .sidebar-layout {
    grid-template-columns: 2.2fr 0.8fr;
  }
}

/* ── List padding overrides ── */
ol, ul {
  padding-right: 0;
  padding-left: inherit;
}

/* ── Footer widget RTL title border ── */
.footer-widget__title::after {
  right: 0;
  left: auto;
}

/* ── Hero CTA buttons: RTL alignment ── */
@media (min-width: 1024px) {
  .hero__ctas {
    justify-content: flex-start;
  }
  .hero__content {
    text-align: right;
  }
}

/* ── Testimonial author card: RTL text alignment ── */
.testimonial-card__info {
  text-align: right;
}

/* ── Section header eyebrow: reversed lines ── */
.section-header__eyebrow::before {
  order: 1; /* Move 'before' line to after in RTL reading order */
}
.section-header__eyebrow::after {
  order: -1;
}

/* ── Process timeline: RTL transform origin fix ── */
.process__line-fill {
  transform-origin: left; /* RTL: line grows from left side */
}

/* ── Tooltip RTL: align to center but handle right-side positioning ── */
[data-tooltip]::after {
  left: auto;
  right: 50%;
  transform: translateX(50%) scale(0.9);
}
[data-tooltip]:hover::after {
  transform: translateX(50%) scale(1);
}

/* ── Footer bottom bar ── */
.footer__bottom {
  flex-direction: column;
}
@media (min-width: 768px) {
  .footer__bottom {
    flex-direction: row-reverse;
  }
}

/* ── Post card meta ── */
.post-card__meta {
  flex-direction: row-reverse;
}

/* ── Divider: right-align for RTL headings ── */
.footer-widget__title .divider,
.section-header .divider {
  margin: 0 auto;
}
