/* =========================================================================
   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;
}


/* -------------------------------------------------------------------------
   5) صفحه محصولات: حذف کامل مرتب‌سازی، نتیجه تعداد و pagination.
   صفحه بعدی فقط با اسکرول و AJAX در همان صفحه اضافه می‌شود.
   ------------------------------------------------------------------------- */
body.woocommerce-shop .woocommerce-ordering,
body.post-type-archive-product .woocommerce-ordering,
body.tax-product_cat .woocommerce-ordering,
body.tax-product_tag .woocommerce-ordering,
body.woocommerce-shop .woocommerce-result-count,
body.post-type-archive-product .woocommerce-result-count,
body.tax-product_cat .woocommerce-result-count,
body.tax-product_tag .woocommerce-result-count,
body.woocommerce-shop .woocommerce-pagination,
body.post-type-archive-product .woocommerce-pagination,
body.tax-product_cat .woocommerce-pagination,
body.tax-product_tag .woocommerce-pagination{
  display:none !important;
}

/* باکس تریگر در انتهای لیست هیچ فضای اضافه‌ای ایجاد نمی‌کند. */
.jahaniyan-product-auto-load{
  position:relative;
  width:100%;
  height:0;
  margin:0 !important;
  padding:0 !important;
  clear:both;
  pointer-events:none;
  z-index:20;
}

/* لودر واقعی فقط هنگام دریافت صفحه بعد نمایش داده می‌شود. */
.jahaniyan-product-loader{
  display:none;
  position:absolute;
  right:0;
  left:0;
  bottom:0;
  transform:translateY(50%);
  min-height:76px;
  padding:16px 20px;
  box-sizing:border-box;
  align-items:center;
  justify-content:center;
  gap:12px;
  border-radius:10px;
  background:rgba(0,0,0,.72);
  box-shadow:0 8px 30px rgba(0,0,0,.18);
  color:#fff;
  direction:rtl;
}

.jahaniyan-product-loader-text{
  font-size:13px;
  line-height:1.8;
  font-weight:500;
}

.jahaniyan-product-spinner{
  width:28px;
  height:28px;
  flex:0 0 28px;
  box-sizing:border-box;
  border:3px solid rgba(255,255,255,.35);
  border-top-color:#fff;
  border-radius:50%;
  animation:jahaniyan-product-spin .75s linear infinite;
}

@keyframes jahaniyan-product-spin{
  to{transform:rotate(360deg);}
}

/* هنگام دریافت صفحه بعد، لیست کمی کم‌رنگ می‌شود ولی صفحه قفل نمی‌شود. */
.category_search_content.jahaniyan-products-loading > ul.products{
  opacity:.55;
  transition:opacity .2s ease;
}

.category_search_content > ul.products{
  transition:opacity .2s ease;
}

@media (max-width:768px){
  .jahaniyan-product-loader{
    min-height:64px;
    padding:12px 14px;
    gap:9px;
    border-radius:8px;
  }
  .jahaniyan-product-spinner{
    width:24px;
    height:24px;
    flex-basis:24px;
  }
  .jahaniyan-product-loader-text{
    font-size:12px;
  }
}