/*
 * فاز ۴ — جایگزین سبک SwiperJS برای اسلایدرهای freeMode (slidesPerView:auto).
 * تنها ساختارِ لازم را بازتولید می‌کند (همان چیزی که swiper.min.css می‌داد)؛
 * استایلِ خودِ اسلایدها از style.css می‌آید و دست‌نخورده مانده است.
 * مارک‌آپ و کلاس‌ها (.swiper / .swiper-wrapper / .swiper-slide) عیناً حفظ شده‌اند.
 */

/* کانتینر: اسکرول افقیِ آزاد (معادل freeMode) بدون اسکرول‌بارِ دیداری (مثل Swiper). */
.swiper {
  position: relative;
  display: block;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch; /* مومنتومِ لمسی iOS */
  scrollbar-width: none;             /* فایرفاکس */
  -ms-overflow-style: none;          /* Edge/IE قدیمی */
  scroll-behavior: smooth;           /* اسکرول نرم با کیبورد */
}
.swiper::-webkit-scrollbar { display: none; } /* وب‌کیت/بلینک */

/* ردیف اسلایدها: همان flex که swiper.min.css فراهم می‌کرد. */
.swiper-wrapper {
  display: flex;
  height: 100%;
  box-sizing: content-box;
}

/* اسلاید: کوچک نشود و به اندازه‌ی محتوا بماند (معادل slidesPerView:auto). */
.swiper-slide {
  flex-shrink: 0;
}

/* فاصله‌ی بین کارت‌های پزشکان (معادل spaceBetween:16). */
#doctorSwiper .swiper-wrapper { gap: 16px; }

/* حالت درگ با ماوس روی دسکتاپ (کلاس از طریق slider.js اضافه/حذف می‌شود). */
.swiper.is-grabbing { cursor: grabbing; user-select: none; }