/* MyMega Checkout v3.10 - realtime quantity controls */

.quick-checkout .td-qty .stepper{
  display:inline-flex!important;
  align-items:center!important;
  overflow:hidden!important;
  border:1px solid #cbded2!important;
  border-radius:10px!important;
  background:#fff!important;
}

.quick-checkout .td-qty .stepper .mm-native-qty-btn{
  width:38px!important;
  min-width:38px!important;
  height:38px!important;
  min-height:38px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(145deg,#31a865 0%,#19844c 58%,#106c3d 100%)!important;
  color:#fff!important;
  cursor:pointer!important;
  opacity:1!important;
  visibility:visible!important;
}

.quick-checkout .td-qty .stepper .mm-native-qty-btn *,
.quick-checkout .td-qty .stepper .mm-qty-symbol{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

.quick-checkout .td-qty .stepper .mm-qty-symbol{
  font-family:Arial,sans-serif!important;
  font-size:21px!important;
  line-height:1!important;
  font-weight:800!important;
}

.quick-checkout .td-qty .stepper input.form-control{
  width:48px!important;
  min-width:48px!important;
  max-width:48px!important;
  height:38px!important;
  min-height:38px!important;
  padding:0 4px!important;
  margin:0!important;
  border:0!important;
  border-left:1px solid #dce7e0!important;
  border-right:1px solid #dce7e0!important;
  border-radius:0!important;
  background:#fff!important;
  color:#17251d!important;
  -webkit-text-fill-color:#17251d!important;
  text-align:center!important;
  font-size:14px!important;
  font-weight:800!important;
  box-shadow:none!important;
}

.quick-checkout.mymega-qty-updating .td-qty .stepper{
  box-shadow:0 0 0 3px rgba(25,132,76,.12)!important;
}

/* Tiny non-blocking status dot while totals are updating */
.quick-checkout.mymega-qty-updating .td-qty .stepper:after{
  content:"";
  width:7px;
  height:7px;
  position:absolute;
  margin-left:150px;
  border-radius:50%;
  background:#19844c;
  box-shadow:0 0 0 3px rgba(25,132,76,.12);
  animation:mymegaQtyPulse .7s ease-in-out infinite alternate;
}

@keyframes mymegaQtyPulse{
  from{opacity:.35;transform:scale(.85)}
  to{opacity:1;transform:scale(1.15)}
}