/* v6.08.30 - Order history action alignment */
.order-history .order-actions,
.order-list .order-actions,
.purchase-history .order-actions,
.digital-order-history .order-actions,
[data-order-history] .order-actions,
.order-card .order-actions,
.order-item .order-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
}

.order-history .order-actions > *,
.order-list .order-actions > *,
.purchase-history .order-actions > *,
.digital-order-history .order-actions > *,
[data-order-history] .order-actions > *,
.order-card .order-actions > *,
.order-item .order-actions > * {
  flex: 0 0 auto !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

.order-history .cancel-order,
.order-history .complaint-order,
.order-list .cancel-order,
.order-list .complaint-order,
.purchase-history .cancel-order,
.purchase-history .complaint-order,
.digital-order-history .cancel-order,
.digital-order-history .complaint-order,
[data-order-history] .cancel-order,
[data-order-history] .complaint-order {
  min-width: 92px !important;
  height: 36px !important;
  padding: 0 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}

@media (max-width: 480px) {
  .order-history .order-actions,
  .order-list .order-actions,
  .purchase-history .order-actions,
  .digital-order-history .order-actions,
  [data-order-history] .order-actions,
  .order-card .order-actions,
  .order-item .order-actions {
    gap: 6px !important;
  }

  .order-history .cancel-order,
  .order-history .complaint-order,
  .order-list .cancel-order,
  .order-list .complaint-order,
  .purchase-history .cancel-order,
  .purchase-history .complaint-order,
  .digital-order-history .cancel-order,
  .digital-order-history .complaint-order,
  [data-order-history] .cancel-order,
  [data-order-history] .complaint-order {
    min-width: 84px !important;
    height: 34px !important;
    padding: 0 9px !important;
    font-size: 13px !important;
  }
}


/* v6.09.61: press feedback for sidebar/navigation buttons */
.vdping-press-effect {
  transition: transform .12s ease, filter .12s ease, box-shadow .12s ease;
  -webkit-tap-highlight-color: transparent;
}
.vdping-press-effect:active {
  transform: scale(.94);
  filter: brightness(.92);
}


/* Fix: hạ form Lịch sử xuống, tránh lấn Menu và Đã theo dõi cửa hàng */
.history-panel,
.history-form,
.history-modal,
.history-dropdown,
[class*="history-panel"],
[class*="history-form"],
[class*="history-modal"],
[id*="history-panel"],
[id*="history-form"],
[id*="history-modal"] {
  top: 76px !important;
}


/* v6.10.05 - hạ FORM ĐƠN HÀNG cạnh LỊCH SỬ, tránh 2 tab Đã theo dõi/Cửa hàng */
@media (max-width: 768px) {
  /* Các vùng thường dùng cho form đơn hàng */
  .order-form, .order-panel, .order-modal, .order-drawer,
  .purchase-form, .purchase-panel, .buy-form, .don-hang-form,
  [class*="orderForm"], [class*="order-form"],
  [class*="orderPanel"], [class*="order-panel"],
  [class*="purchaseForm"], [class*="purchase-form"] {
    position: relative !important;
    top: 64px !important;
    margin-top: 64px !important;
    z-index: 10 !important;
    max-height: calc(100vh - 150px) !important;
    overflow-y: auto !important;
  }
}


/* v6.10.08 - hạ FORM ĐƠN HÀNG/Mua ngay rõ ràng hơn, không lấn tab Đã theo dõi/Cửa hàng */
@media (max-width: 767px){
  .fv-modal[data-modal="messages"] .fv-panel,
  .fv-modal[data-modal="buy"] .fv-panel{
    top: 145px !important;
    bottom: 0 !important;
    max-height: calc(100dvh - 145px) !important;
    overflow-y: auto !important;
    box-sizing: border-box !important;
  }
}