/* =========================================================
   MishiLand v13.0 — Sticky Add to Cart (فقط صفحه تک محصول)
   Scope: .ml-sticky-atc فقط؛ هیچ سلکتور عمومی WooCommerce/WoodMart
   دستکاری نمی‌شود.
   ========================================================= */

.ml-sticky-atc {
  position: fixed;
  inset-inline: 0;
  bottom: 0;
  z-index: 9990; /* زیر دستیار چت (99998) و زیر مینی‌کارت، اما بالای محتوای صفحه */
  display: none;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: #fff;
  border-top: 1px solid #ece6de;
  box-shadow: 0 -8px 24px rgba(17, 24, 39, 0.08);
  padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
  direction: rtl;
  font-family: "Vazirmatn", Tahoma, sans-serif;
}

body.single-product.ml-has-bottom-nav .ml-sticky-atc {
  bottom: 64px; /* دقیقاً بالای نوار پایین اپ، بدون تداخل */
}

@media (max-width: 782px) {
  body.single-product .ml-sticky-atc {
    display: flex;
  }
  /* v13.4 QA fix: فضای انتهای صفحه محصول باید هم ارتفاع نوار پایین اپ (۶۴px)
     و هم ارتفاع نوار شناور افزودن به سبد (حدود ۶۴px، چون دقیقاً بالای
     bottom-nav می‌نشیند) را با هم پوشش دهد، وگرنه آخرین محتوای صفحه
     (مثلاً Reviews/Related Products) زیر این دو نوار گم می‌شود. */
  body.single-product.ml-has-bottom-nav {
    padding-bottom: 140px;
  }
  /* اگر بنا به تنظیم سایت، نوار پایین اپ خاموش باشد (MISHILAND_BOTTOM_NAV_EVERYWHERE=false
     و این صفحه هم صفحه اصلی نیست)، نوار شناور مستقیماً روی لبه صفحه می‌نشیند
     و فقط به فضای خودش نیاز دارد. */
  body.single-product:not(.ml-has-bottom-nav) {
    padding-bottom: 76px;
  }
}

@media (min-width: 783px) {
  .ml-sticky-atc {
    display: none !important; /* در دسکتاپ دکمه اصلی صفحه محصول همیشه در دید است */
  }
}

.ml-sticky-atc__price {
  display: flex;
  flex-direction: column;
  line-height: 1.3;
  min-width: 0;
}
.ml-sticky-atc__label {
  font-size: 11px;
  color: #8a93a3;
}
.ml-sticky-atc__amount {
  font-size: 15px;
  font-weight: 800;
  color: #14181f;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ml-sticky-atc__amount del {
  font-size: 12px;
  color: #9aa2ae;
  margin-inline-start: 6px;
  font-weight: 400;
}
.ml-sticky-atc__amount ins {
  text-decoration: none;
}

.ml-sticky-atc__btn {
  flex: 0 0 auto;
  border: 0;
  border-radius: 999px;
  background: #c1743c;
  color: #fff;
  font-family: inherit;
  font-size: 14px;
  font-weight: 700;
  padding: 12px 26px;
  min-height: 44px;
  cursor: pointer;
  box-shadow: 0 8px 18px rgba(193, 116, 60, 0.35);
  transition: transform 0.15s ease;
}
.ml-sticky-atc__btn:active {
  transform: scale(0.97);
}

/* وقتی دکمه اصلی افزودن به سبد در دید کاربر است، نوار شناور محو می‌شود
   تا دو CTA همزمان روی هم دیده نشود (کنترل با JS از طریق کلاس زیر) */
.ml-sticky-atc.is-hidden {
  transform: translateY(110%);
  transition: transform 0.25s ease;
  pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
  .ml-sticky-atc.is-hidden {
    transition: none;
  }
}