/* =========================================================
   MishiLand v13.0 — Mobile Fix Layer (Phase 1)
   =========================================================
   این فایل چیزی را از v12.1 حذف نمی‌کند؛ فقط رفتار موبایل را
   اصلاح می‌کند. Scope: عمومی (html/body) فقط برای جلوگیری از
   Horizontal Overflow، و بقیه قوانین زیر #mishiland-home یا
   با کلاس‌های اختصاصی v13 هستند.
   ========================================================= */

/* ---------- 1) جلوگیری قطعی از اسکرول افقی کل صفحه ----------
   سافاری iOS گاهی حتی با overflow-x:hidden روی یک المان داخلی،
   کل body را قابل کشیدن افقی نگه می‌دارد. این قانون سطح بالا
   یک شبکه ایمنی است و چیزی از چیدمان داخلی را تغییر نمی‌دهد. */
html {
  overflow-x: hidden;
}
body {
  overflow-x: hidden;
  max-width: 100vw;
}

/* ---------- 2) ریل‌های اسکرول افقی: پایان درست کارت اول/آخر ---------- */
#mishiland-home .ml-scroll-x {
  scroll-padding-inline: 16px;
  padding-inline: 2px; /* جلوگیری از چسبیدن سایه/بوردر کارت به لبه container */
}
@media (min-width: 783px) {
  #mishiland-home .ml-scroll-x {
    scroll-padding-inline: 48px;
  }
}

/* اطمینان از اینکه سکشن‌های افقی هیچ‌وقت باعث overflow صفحه نشوند */
#mishiland-home .ml-scroll-x,
.ml-home-magazine__rail,
.ml-guide-products__rail {
  max-width: 100%;
}

/* ---------- 3) ریتم عمودی یکنواخت بین بخش‌های صفحه اصلی ---------- */
#mishiland-home > .ml-section,
#mishiland-home > section.ml-section,
#mishiland-home .ml-home-magazine,
#mishiland-home .ml-trust {
  margin-bottom: 6px;
}
#mishiland-home .ml-section + .ml-section,
#mishiland-home section + section {
  margin-top: 4px;
}

/* ---------- 4) دستیار چت: حالت جمع‌شده هنگام نزدیک شدن به فوتر ----------
   کلاس .mia-compact توسط assets/js/mishiland-v13-mobile-fix.js
   فقط در موبایل و فقط وقتی کاربر به بخش «چرا از میشی‌لند» / فوتر
   نزدیک می‌شود اضافه می‌شود، تا آیکن روی متن نیفتد. دکمه کاملاً
   کاربردی می‌ماند (فقط کوچک‌تر و کم‌رنگ‌تر می‌شود، نه مخفی). */
@media (max-width: 782px) {
  #mishi-assistant-root.mia-compact .mishi-assistant-launcher {
    transform: scale(0.82);
    opacity: 0.55;
  }
  #mishi-assistant-root .mishi-assistant-launcher {
    transition: transform 0.2s ease, opacity 0.2s ease;
  }
  #mishi-assistant-root.mia-compact .mishi-assistant-launcher:active,
  #mishi-assistant-root.mia-compact .mishi-assistant-launcher:focus-visible {
    transform: scale(1);
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  #mishi-assistant-root .mishi-assistant-launcher {
    transition: none !important;
  }
}