/* دکمه‌ی بازگشت (BackButton) — کنار عنوان صفحاتی که از صفحه‌ی دیگری وارد آن شده‌ایم.
   حالت پیش‌فرض طبیعی RTL است: دکمه‌ی بازگشت سمت راست، عنوان سمت چپش (BackButton اول در JSX،
   پس در RTL راست‌ترین عنصر می‌شود) — دقیقاً همان چیزی که صفحه‌ی ثبت/ویرایش آگهی می‌خواهد
   (مورد #6 Polish.md: «ثبت آگهی جدید» سمت راست + فلش پشتش). */
.page-title-row {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin-bottom: var(--space-4);
}

/* مورد task.md — فقط صفحاتی که صریحاً این کلاس را هم اضافه می‌کنند (چت/جزئیات‌آگهی/ارتقا/
   استعلام اعتباری) کل ردیف به سمت چپ صفحه می‌رود و دکمه‌ی بازگشت سمت چپِ عنوان می‌نشیند. */
.page-title-row.page-title-row-left {
  flex-direction: row-reverse;
  /* با row-reverse، معنی start/end هم برعکس می‌شود — flex-start در row-reverse یعنی سمت چپ. */
  justify-content: flex-start;
}

.page-title-row .back-btn {
  width: 34px;
  height: 34px;
  font-size: 1rem;
  flex-shrink: 0;
  border: 1px solid var(--color-border);
}

.page-title-row h2 {
  margin-bottom: 0;
}