/* 2.3.62 — mobile tweaks for order details, cart shipping summary and account dashboard */

@media (max-width: 767px){
  /* Order details / view-order: ẩn hậu tố "qua Đồng giá" nếu vẫn lọt ra bởi plugin khác */
  .woocommerce-order-details .woocommerce-table__line-item td,
  .woocommerce-MyAccount-content .woocommerce-table__line-item td{
    word-break: break-word;
  }

  .woocommerce-view-order .woocommerce-order-details tfoot tr th,
  .woocommerce-view-order .woocommerce-order-details tfoot tr td{
    font-size: 13px !important;
  }

  /* Cart totals shipping destination: thu nhỏ chữ địa chỉ để không bị vỡ dòng quá to */
  .woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-destination,
  .woocommerce-cart .cart-collaterals .cart_totals .shipping-calculator-button,
  .woocommerce-cart .cart-collaterals .cart_totals .shipping-calculator-form,
  .woocommerce-cart .cart-collaterals .cart_totals .shipping-calculator-form label{
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  .woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-destination{
    margin-top: 8px !important;
  }

  .woocommerce-cart .cart-collaterals .cart_totals .shipping-calculator-button{
    display: inline-block !important;
    margin-top: 6px !important;
  }

  /* Account dashboard: đổi lưới trạng thái để chứa 6 mục gọn gàng trên mobile */
  body.woocommerce-account .moon-account-status-grid{
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
    gap: 10px !important;
  }

  body.woocommerce-account .moon-account-status{
    min-height: 96px !important;
    padding: 10px 8px !important;
  }

  body.woocommerce-account .moon-account-status strong{
    font-size: 11px !important;
    line-height: 1.25 !important;
  }

  body.woocommerce-account .moon-account-status__icon svg{
    width: 22px !important;
    height: 22px !important;
  }

  body.woocommerce-account .moon-account-status__icon b{
    min-width: 18px !important;
    height: 18px !important;
    font-size: 10px !important;
    line-height: 18px !important;
  }
}

/* Desktop / tablet: 6 trạng thái trên một hàng vẫn cân đối */
@media (min-width: 768px){
  body.woocommerce-account .moon-account-status-grid{
    grid-template-columns: repeat(6, minmax(0,1fr)) !important;
  }
}