/* task-jadid.md دسته ۷ مورد ۱۵ — عنوان/دکمه‌ی ثبت + سرچ + فیلترهای وضعیت، زیر هدر بچسبند و
   با اسکرول رد نشوند (همان الگوی .home-filter-bar در index.css). */
.ads-page-sticky-controls {
  position: sticky;
  top: var(--header-height);
  z-index: 90;
  background: var(--color-bg);
  padding-top: var(--space-2);
  margin-bottom: var(--space-2);
}

/* مورد #21 Polish.md — کارت «آگهی‌های من» سه دکمه‌ی اکشن (ارتقا/چت/ویرایش) دارد که قبلاً چون
   .ad-card پایه در موبایل flex-direction:row است (تصویر+متن کنار هم)، این دکمه‌ها به‌عنوان یک
   ستون کنار همان ردیف افقی فشرده می‌شدند (نه زیر آن) و باعث کوچک‌شدن اجباری تصویر و بهم‌ریختن
   چیدمان می‌شد. اینجا با یک کلاس مجزا، این کارت همیشه (در همه‌ی سایزها) ستونی است: بالا
   تصویر+عنوان+قیمت (همان چیدمان افقی داخلی خودشان دست‌نخورده)، پایین یک ردیف کامل برای دکمه‌ها. */
.ad-card.my-ad-card {
  flex-direction: column;
}

/* رفع باگ bug.md مورد ۱ (تکمیل مورد #2 Important-Tasks) — چون بالا .my-ad-card همیشه (حتی زیر
   بریک‌پوینت ۶۴۰px) ستونی است، قانون موبایلِ .ad-card-image-wrap پایه (width:38%,
   align-self:flex-start — که فقط برای چیدمان افقیِ موبایلِ کارت‌های عادی درست است) روی این کارت
   هم اعمال می‌شد: تصویر به‌جای اشغال کل عرض بالای کارت، فقط ۳۸٪ عرض و چسبیده به یک گوشه می‌شد،
   و باقی عرض کارت خالی می‌ماند. اینجا مستقل از سایز صفحه، همان رفتار «تصویر بالا با عرض کامل»ِ
   دسکتاپ را روی این کارت اعمال می‌کنیم.
*/
.ad-card.my-ad-card .ad-card-image-wrap {
  width: 100%;
  aspect-ratio: 4 / 3;
  align-self: stretch;
}

.my-ad-card-title-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-2);
}

.my-ad-card-status {
  flex-shrink: 0;
  font-size: 0.62rem;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 999px;
  color: #fff;
  white-space: nowrap;
}

.my-ad-card-status.status-approved { background: var(--color-success); }
.my-ad-card-status.status-pending { background: var(--color-warning); }
.my-ad-card-status.status-rejected { background: var(--color-danger); }
.my-ad-card-status.status-expired { background: var(--color-text-faint); }

/* task-jadid.md دسته ۲ مورد ۵ — دلیل رد آگهی زیر قیمت، داخل همان کارت داشبورد کاربر. */
.my-ad-card-rejection-reason {
  margin-top: var(--space-1);
  font-size: 0.75rem;
  color: var(--color-danger);
  line-height: 1.6;
}

.my-ad-card-actions {
  display: flex;
  gap: var(--space-1);
  padding: 0 var(--space-3) var(--space-3);
}

.my-ad-card-actions a {
  flex: 1;
  text-align: center;
  font-size: 0.72rem;
  padding: 6px;
  border-radius: var(--radius-sm);
  background: var(--color-surface-alt);
  color: var(--color-text-muted);
}

.my-ad-card-actions a:hover {
  background: var(--color-primary-soft);
  color: var(--color-primary);
}