/* v3.1 — MyCoupon slider: mobile-first, RTL-safe, centered SVG arrows */

.mc-slider{
  position:relative;
  overflow:hidden;
  border-radius:16px;
  background:var(--surface-subtle);
}

.mc-slider .mc-slider-track{
  display:flex;
  transition:transform .5s ease;
  will-change:transform;
}

.mc-slider .mc-slide{
  min-width:100%;
  position:relative;
  display:block;
}

.mc-slider .mc-slide > a,
.mc-slider .mc-slide picture{
  display:block;
}

.mc-slider img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1200 / 340;
  object-fit:cover;
  object-position:center;
}

/* Caption */
.mc-slide-caption{
  position:absolute;
  inset-inline-start:12px;
  bottom:12px;
  background:var(--overlay-45);
  color:var(--white);
  padding:6px 10px;
  border-radius:10px;
  font-size:.95rem;
}

/* Arrows */
.mc-slide-prev,
.mc-slide-next{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:38px;
  height:38px;
  padding:0 !important;
  border:0;
  border-radius:50%;
  background:var(--white-90);
  color:var(--ink);
  box-shadow:0 8px 22px var(--shadow-10);
  cursor:pointer;
  z-index:2;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1 !important;
}

/* RTL: قبلی سمت راست، بعدی سمت چپ */
.mc-slide-prev{
  inset-inline-start:auto;
  inset-inline-end:10px;
}

.mc-slide-next{
  inset-inline-end:auto;
  inset-inline-start:10px;
}

/* SVG arrows: دقیقاً وسط دایره */
.mc-slide-prev .mc-icon,
.mc-slide-next .mc-icon,
.mc-slide-prev svg,
.mc-slide-next svg{
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  min-height:18px !important;
  max-width:18px !important;
  max-height:18px !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  flex:0 0 18px !important;
  fill:currentColor !important;
}

.mc-slide-prev svg path,
.mc-slide-next svg path{
  fill:currentColor !important;
}

/* Dots */
.mc-slide-dots{
  position:absolute;
  left:0;
  right:0;
  bottom:12px;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:8px;
  z-index:2;
}

.mc-slide-dots button{
  width:8px;
  height:8px;
  padding:0;
  border-radius:999px;
  border:0;
  cursor:pointer;
  background:var(--white-70);
  opacity:1;
  transition:all .25s ease;
}

.mc-slide-dots button.active{
  width:24px;
  height:8px;
  border-radius:999px;
  background:var(--white);
  box-shadow:0 0 0 1px var(--shadow-08);
}

/* Focus */
.mc-slider:focus{
  outline:2px solid var(--blue-focus-60);
  outline-offset:2px;
}

/* Mobile */
@media (max-width:768px){
  .container.hero{
    padding-inline:16px !important;
  }

  .container.hero .mc-slider{
    width:100%;
    border-radius:14px;
    overflow:hidden;
  }

  .mc-slider img{
    aspect-ratio:4 / 3;
    object-fit:cover;
    object-position:center;
  }

  .mc-slide-prev,
  .mc-slide-next{
    display:none !important;
  }

  .mc-slide-dots{
    bottom:10px;
    gap:6px;
  }

  .mc-slide-dots button{
    width:7px;
    height:7px;
  }

  .mc-slide-dots button.active{
    width:20px;
  }

  .mc-slide-caption{
    inset-inline-start:10px;
    bottom:10px;
    font-size:.84rem;
    padding:5px 8px;
  }
}