/* ==========================================================================
   استپر تعداد — صفحه سبد خرید (body.woocommerce-cart)
   ========================================================================== */

/* --- پنهان‌سازی دکمه‌های پیش‌فرض مرورگر --- */
body.woocommerce-cart .qty-stepper input.qty::-webkit-inner-spin-button,
body.woocommerce-cart .qty-stepper input.qty::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

body.woocommerce-cart .qty-stepper input.qty {
  -moz-appearance: textfield;
}

/* --- پوسته استپر --- */
body.woocommerce-cart .qty-stepper {
  display: inline-flex;
  align-items: center;
  direction: ltr;
}

body.woocommerce-cart .qty-stepper .qty-arrows {
  display: flex;
  flex-direction: column;
  margin-inline-start: 2px;
}

/* --- دکمه‌های بالا/پایین --- */
body.woocommerce-cart .qty-stepper .qty-arrow-up,
body.woocommerce-cart .qty-stepper .qty-arrow-down {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 20px;
  padding: 0;
  border: none;
  background: var(--bg);
  cursor: pointer;
  line-height: 1;
  transition: background .18s, opacity .18s;
}

body.woocommerce-cart .qty-stepper .qty-arrow-up {
  border-radius: 4px 4px 0 0;
}

body.woocommerce-cart .qty-stepper .qty-arrow-down {
  border-radius: 0 0 4px 4px;
}

/* --- آیکون شورون (SVG) --- */
body.woocommerce-cart .qty-stepper .qty-arrow-up svg,
body.woocommerce-cart .qty-stepper .qty-arrow-down svg {
  width: 10px;
  height: 10px;
  fill: none;
  stroke: var(--navy);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* --- هاور — تینت کهربایی ملایم --- */
body.woocommerce-cart .qty-stepper .qty-arrow-up:hover,
body.woocommerce-cart .qty-stepper .qty-arrow-down:hover {
  background: rgba(197, 160, 89, .12);
}

body.woocommerce-cart .qty-stepper .qty-arrow-up:active,
body.woocommerce-cart .qty-stepper .qty-arrow-down:active {
  background: rgba(197, 160, 89, .22);
}

/* --- حالت غیرفعال --- */
body.woocommerce-cart .qty-stepper .qty-arrow-up:disabled,
body.woocommerce-cart .qty-stepper .qty-arrow-down:disabled {
  opacity: .4;
  cursor: default;
  background: var(--bg);
}

body.woocommerce-cart .qty-stepper .qty-arrow-up:disabled svg,
body.woocommerce-cart .qty-stepper .qty-arrow-down:disabled svg {
  stroke: var(--muted);
}

body.woocommerce-cart .qty-stepper .qty-arrow-up:disabled:hover,
body.woocommerce-cart .qty-stepper .qty-arrow-down:disabled:hover {
  background: var(--bg);
}