/* =========================================================================
   Jahaniyan — Bug Fixes (رفع اشکالات گزارش‌شده)
   این فایل عمداً جدا از charsoogh.css نگه داشته شده تا:
   - تغییرات مشخص و قابل بازبینی باشند
   - در آپدیت‌های بعدی قالب به‌راحتی قابل تشخیص/حذف باشند
   این استایل بعد از charsoogh.css و charsoogh-ltr.css بارگذاری می‌شود
   (نگاه کنید به includes/woocommerce.php) پس در هر دو حالت RTL و LTR اعمال می‌شود.
   ========================================================================= */

/* -------------------------------------------------------------------------
   1) رفع ناپدید شدن عنوان روی تصویر (Box Style 2)
   علت: کادر .meta فقط با bottom:0 پوزیشن می‌گرفت و left/right آن مشخص نبود،
   بنابراین موقعیت افقی‌اش به «جهت صفحه» (RTL/LTR) وابسته بود. با تغییر جهت،
   کادر از قاب تصویر بیرون می‌افتاد و overflow:hidden والد آن را پنهان می‌کرد.
   راه‌حل: کادر را با left:0 و right:0 به‌صورت صریح و مستقل از جهت، به تمام
   عرض تصویر بچسبانیم و از text-align: start استفاده کنیم تا خودش را با
   جهت صفحه (چه RTL چه LTR) هماهنگ کند.
   ------------------------------------------------------------------------- */
.box-style-2.item .meta{
  left: 0;
  right: 0;
  width: 100%;
  box-sizing: border-box;
  text-align: start;
}
.box-style-2.item .meta a{
  text-align: start;
}

/* -------------------------------------------------------------------------
   2) هماهنگی برچسب شهر/موقعیت (h4.location) با جهت صفحه
   به‌جای تکیه بر override دستی در فایل charsoogh-ltr.css (که فقط بخشی از
   موارد را پوشش می‌داد)، از خاصیت منطقی inset-inline استفاده می‌شود که به‌طور
   خودکار در RTL از سمت راست و در LTR از سمت چپ شروع می‌شود.
   ------------------------------------------------------------------------- */
.item h4.location{
  inset-inline-start: 0;
  inset-inline-end: auto;
}

/* -------------------------------------------------------------------------
   3) در صفحه‌ی تکی آگهی، تصویر/گالری در حالت موبایل همیشه بالای جزئیات
   (سایدبار قیمت/تماس) قرار بگیرد — صرف‌نظر از تنظیم «سایدبار راست/چپ»
   در تنظیمات نمایش (چون آن تنظیم فقط ترتیب HTML را عوض می‌کند و باعث
   می‌شد گاهی سایدبار قبل از گالری در موبایل نمایش داده شود).
   ------------------------------------------------------------------------- */
@media (max-width: 767.98px){
  [id^="product-"].product > .row.flex-md-row{
    flex-wrap: wrap;
  }
  [id^="product-"].product > .row.flex-md-row > .charsoogh-content{
    order: 1;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
  }
  [id^="product-"].product > .row.flex-md-row > .col-md-4{
    order: 2;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
  }
}

/* -------------------------------------------------------------------------
   4) افکت کم‌رنگ شدن لیست آگهی‌ها هنگام «لود اتوماتیک» (اسکرول به پایین)
   کلاس body.charsoogh-auto-loading توسط assets/js/jahaniyan-auto-load.js
   هنگام شروع بارگذاری اضافه، و بعد از اتمام درخواست AJAX حذف می‌شود.
   ------------------------------------------------------------------------- */
body.charsoogh-auto-loading .items,
body.charsoogh-auto-loading .category_search_content,
body.charsoogh-auto-loading .userDashboard{
  opacity: .55;
  transition: opacity .25s ease;
  pointer-events: none;
}

/* -------------------------------------------------------------------------
   4) لود واقعی آگهی‌ها هنگام اسکرول
   ------------------------------------------------------------------------- */
.jahaniyan-list-loading{
  opacity: .55 !important;
  transition: opacity .25s ease !important;
  pointer-events: none;
}

.jahaniyan-list-loading[aria-busy="true"]{
  cursor: progress;
}

/* در صورت وجود لیست داخل category_search_content، فقط محتوای آگهی‌ها کم‌رنگ شود. */
.category_search_content.jahaniyan-list-loading,
.bookmark-list.jahaniyan-list-loading,
.ad-listing.jahaniyan-list-loading,
ul.items.jahaniyan-list-loading,
ul.products.jahaniyan-list-loading{
  opacity: .55 !important;
  transition: opacity .25s ease !important;
}

/* دکمه‌ای که درخواست واقعی آن در حال اجراست */
.jahaniyan-auto-triggered{
  cursor: wait !important;
}