/* 2.3.71 — Đổi vị trí menu Voucher/MOON và sửa nút voucher trên mobile. */

/*
 * Nút trạng thái dài như “Chưa đến hạn” trước đây bị đặt trong cột 40px,
 * trong khi bản thân nút có min-width lớn hơn nên bị cắt ở mép phải.
 */
@media (max-width:767px) {
  body.woocommerce-checkout .moon-voucher-card {
    grid-template-columns:70px minmax(0,1fr) 68px !important;
  }

  body.woocommerce-checkout .moon-voucher-card__stamp {
    padding-inline:4px !important;
  }

  body.woocommerce-checkout .moon-voucher-card__body {
    padding-right:3px !important;
  }

  body.woocommerce-checkout .moon-voucher-card.is-unavailable .moon-voucher-card__apply,
  body.woocommerce-checkout .moon-voucher-card__apply:disabled {
    justify-self:center !important;
    width:60px !important;
    min-width:60px !important;
    max-width:60px !important;
    min-height:30px !important;
    margin:0 6px 0 0 !important;
    padding:5px 3px !important;
    white-space:nowrap !important;
    overflow:visible !important;
    font-size:7.4px !important;
    letter-spacing:-.08px !important;
    line-height:1.05 !important;
  }
}

@media (max-width:370px) {
  body.woocommerce-checkout .moon-voucher-card {
    grid-template-columns:65px minmax(0,1fr) 64px !important;
  }

  body.woocommerce-checkout .moon-voucher-card.is-unavailable .moon-voucher-card__apply,
  body.woocommerce-checkout .moon-voucher-card__apply:disabled {
    width:57px !important;
    min-width:57px !important;
    max-width:57px !important;
    margin-right:5px !important;
    font-size:7px !important;
  }
}