/* استایل پایه اسلایدر */
.simorgh-slider {
  position: relative;
  overflow: hidden;
}

/* پایه: تصاویر و wrapper‌ها همیشه کل اسلاید را بپوشانند */
.simorgh-slider .swiper-slide,
.simorgh-slider .swiper-slide picture,
.simorgh-slider .swiper-slide img,
.simorgh-slider img {
  width: 100%;
  height: 100%;
  display: block;
}

/* تصویر داخل picture باید کاور کند */
.simorgh-slider .swiper-slide picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  backface-visibility: hidden; /* کمک به جلوه‌های 3D/fade */
  -webkit-backface-visibility: hidden;
}

/* فلش‌ها (next / prev) — wrapper */
.simorgh-slider .swiper-button-next,
.simorgh-slider .swiper-button-prev {
  background: transparent;
  border: none;
  width: auto;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  cursor: pointer;
  color: #000;
  transition: color 0.3s ease;
}

/* hover و focus برای دسترس‌پذیری */
.simorgh-slider .swiper-button-next:hover,
.simorgh-slider .swiper-button-prev:hover,
.simorgh-slider .swiper-button-next:focus,
.simorgh-slider .swiper-button-prev:focus {
  color: #ff4081;
  outline: none;
  box-shadow: 0 0 0 3px rgba(255,64,129,0.12);
}

/* پنهان کردن pseudo-element پیشفرضِ Swiper (اگر وجود داشت) */
.simorgh-slider .swiper-button-next::after,
.simorgh-slider .swiper-button-prev::after {
  display: none;
}

/* inner arrow element: uses currentColor so color applies */
/* SVG encoded as data URI for better compatibility */
.simorgh-slider .simorgh-arrow {
  display: inline-block;
  width: 1em;
  height: 1em;
  font-size: 28px; /* کنترل سایز از طریق selector در کنترل‌ها قابل تغییر است */
  line-height: 1;
  color: currentColor;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M9.29 6.71a1 1 0 011.42 0L15.7 12l-4.99 5.29a1 1 0 01-1.42-1.42L12.88 12 9.29 8.12a1 1 0 010-1.41z'/%3E%3C/svg%3E");
}

/* flip for prev button (rotate) */
.simorgh-slider .swiper-button-prev .simorgh-arrow {
  transform: rotate(180deg);
}

/* دات‌ها (pagination bullets) */
.simorgh-slider .swiper-pagination-bullet {
  background-color: #aaa;
  opacity: 1;
  transition: all 0.3s ease;
}

/* active bullet */
.simorgh-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #ff4081;
}

/* focus روی دات‌ها برای دسترس‌پذیری */
.simorgh-slider .swiper-pagination-bullet:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(255,64,129,0.12);
}

/* دکمه CTA داخل اسلاید (ظاهر و مکان) */
.simorgh-slider a.button {
  display: inline-block;
  padding: 10px 20px;
  background: #ff4081;
  color: #fff;
  border-radius: 5px;
  transition: background 0.3s ease;
  text-decoration: none;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 20%;
  z-index: 5;
}

/* hover و focus دکمه */
.simorgh-slider a.button:hover,
.simorgh-slider a.button:focus {
  background: #333;
  outline: none;
  box-shadow: 0 0 0 3px rgba(0,0,0,0.12);
}

/* برخی بهینه‌سازی‌ها برای جلوه‌ها */
.simorgh-slider .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* different nav placements (user can control via extra classes if desired) */
.simorgh-slider.nav-arrows .swiper-button-next,
.simorgh-slider.nav-arrows .swiper-button-prev {
  opacity: 1;
}