/*
Theme Name: Storefront Child
Theme URI: https://ozaherb.com
Description: Child theme for Storefront
Author: Nancy
Template: storefront
Version: 1.0
*/







/* 1.OzaHerb: Restore number input spinner for qty on mobile */
@media (max-width: 768px) {

  /* Make qty input easier to tap */
  .woocommerce-cart input.qty,
  .woocommerce-checkout input.qty {
    min-height: 44px;
    font-size: 18px;
    padding: 8px 10px;
  }

  /* ✅ Chrome / Android / Edge: show spinner */
  .woocommerce-cart input.qty::-webkit-outer-spin-button,
  .woocommerce-cart input.qty::-webkit-inner-spin-button,
  .woocommerce-checkout input.qty::-webkit-outer-spin-button,
  .woocommerce-checkout input.qty::-webkit-inner-spin-button {
    -webkit-appearance: inner-spin-button !important;
    opacity: 1 !important;
    height: 44px;
  }

  /* ✅ Ensure it's treated as number input */
  .woocommerce-cart input.qty,
  .woocommerce-checkout input.qty {
    -webkit-appearance: auto !important;
    appearance: auto !important;
  }
}











/* =================================================
   Cart quantity: force horizontal (- qty +)
   Desktop & Mobile safe
   ================================================= */

/* 包住数量控件的容器 */
.woocommerce-cart .product-quantity,
.woocommerce-cart td.product-quantity {
  text-align: center;
}

/* Woo 默认 quantity 容器 */
.woocommerce-cart .quantity {
  display: inline-flex !important;
  flex-direction: row !important;   /* 关键：横向 */
  align-items: center !important;
  gap: 6px !important;
}

/* 数量输入框 */
.woocommerce-cart .quantity input.qty {
  width: 56px !important;
  height: 36px !important;
  margin: 0 !important;
  text-align: center !important;
}

/* + / - 按钮（兼容你现在用的样式） */
.woocommerce-cart .quantity .minus,
.woocommerce-cart .quantity .plus {
  width: 36px !important;
  height: 36px !important;
  line-height: 34px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer;
}