/* vtg-woo · phía khách trên web: trang cảm ơn, tài khoản, tra đơn. Nạp chỉ ở các trang đó (Customer\Module). */
@layer vtg{
.vwc-hide{display:none!important}
.vwc-done{margin:0 0 1.5rem;padding:1.1rem 1.25rem;border:1px solid var(--vc-line,#e5e7eb);border-radius:12px;background:var(--vc-surface,#f8f8f8)}
.vwc-done__steps{display:grid;gap:.6rem;margin:0;padding:0 0 0 1.4rem}
.vwc-done__steps li{padding-left:.25rem}
.vwc-done__steps li::marker{font-weight:700;color:var(--vc-brand,#d70018)}
.vwc-done__steps b{display:block}
.vwc-done__steps span{color:var(--vc-muted,#666);font-size:.93em}
.vwc-done__acts{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 0}
.vwc-done__acts .button{min-height:44px;display:inline-flex;align-items:center}
.vwc-btn-zalo{background:#0068ff!important;color:#fff!important}
.vwc-btn-ghost{background:#fff!important;color:var(--vc-text,#111)!important;border:1px solid var(--vc-line,#e5e7eb)!important}
.vwc-done__hint{margin:0 0 1.5rem;padding:.75rem 1rem;border-left:3px solid var(--vc-brand,#d70018);background:#fff7f7;font-size:.95em}
/* Tổng quan tài khoản */
.vwc-dash__hi{margin:0 0 1rem}
.vwc-dash__tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;margin:0 0 1.5rem}
@media (min-width:768px){.vwc-dash__tiles{grid-template-columns:repeat(4,1fr)}}
.vwc-dash__tile{display:grid;gap:.15rem;min-height:72px;padding:.8rem .9rem;border:1px solid var(--vc-line,#e5e7eb);border-radius:12px;background:#fff;color:inherit;text-decoration:none}
.vwc-dash__tile:hover{border-color:var(--vc-brand,#d70018)}
.vwc-dash__tile b{font-size:1em}
.vwc-dash__tile span{color:var(--vc-muted,#666);font-size:.86em}
.vwc-dash__h{margin:0 0 .6rem;font-size:1.05em}
.vwc-dash__orders{list-style:none;margin:0 0 1.25rem;padding:0;border:1px solid var(--vc-line,#e5e7eb);border-radius:12px;overflow:hidden}
.vwc-dash__orders li+li{border-top:1px solid var(--vc-line,#e5e7eb)}
.vwc-dash__orders a{display:grid;grid-template-columns:1fr auto auto;gap:.75rem;align-items:center;min-height:48px;padding:.6rem .9rem;color:inherit;text-decoration:none}
.vwc-dash__orders a:hover{background:var(--vc-surface,#f8f8f8)}
.vwc-dash__help,.vwc-dash__empty{color:var(--vc-muted,#666)}
.vwc-acc-lead{margin:0 0 1rem;color:var(--vc-muted,#666)}
/* Nhãn trạng thái đơn */
.vwc-status{display:inline-block;padding:.15rem .55rem;border-radius:999px;background:#eee;font-size:.8em;font-weight:600;white-space:nowrap}
.vwc-status--processing{background:#e6f4ea;color:#137333}
.vwc-status--completed{background:#e8f0fe;color:#1a56db}
.vwc-status--on-hold,.vwc-status--pending{background:#fff4e5;color:#b45309}
.vwc-status--cancelled,.vwc-status--failed,.vwc-status--refunded{background:#fde8e8;color:#b32d2e}
/* Tra đơn */
.vwc-track{max-width:420px;margin:0 0 1.5rem}
.vwc-track .form-row{margin:0 0 .9rem}
.vwc-track .button{min-height:44px}
.vwc-track-res{padding:1rem 1.1rem;border:1px solid var(--vc-line,#e5e7eb);border-radius:12px;background:#fff}
.vwc-track-res__head{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:0 0 .9rem}
.vwc-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;margin:0 0 1rem;padding:0;list-style:none}
.vwc-steps li{position:relative;padding-top:1.5rem;font-size:.85em;color:var(--vc-muted,#666);text-align:center}
.vwc-steps li::before{content:"";position:absolute;top:.45rem;left:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:#ddd;z-index:1}
.vwc-steps li::after{content:"";position:absolute;top:calc(.45rem + 6px);left:-50%;width:100%;height:2px;background:#ddd}
.vwc-steps li:first-child::after{display:none}
.vwc-steps li.is-done{color:var(--vc-text,#111);font-weight:600}
.vwc-steps li.is-done::before,.vwc-steps li.is-done::after{background:var(--vc-brand,#d70018)}
.vwc-track-res__items{list-style:none;margin:0 0 .6rem;padding:0}
.vwc-track-res__items li{display:flex;justify-content:space-between;gap:1rem;padding:.4rem 0;border-bottom:1px solid var(--vc-line,#e5e7eb)}
.vwc-track-res__total{margin:.4rem 0}
.vwc-track-res__addr,.vwc-track-res__note{margin:.25rem 0;color:var(--vc-muted,#666);font-size:.93em}
.vwc-track-res__cancel{padding:.6rem .9rem;border-radius:8px;background:#fde8e8;color:#b32d2e}
}
@layer vtg{
/* Trang tra đơn không phải trang Woo nên shop.css của theme không nạp — tự lo ô nhập */
.vwc-track .form-row{display:grid;gap:.3rem}
.vwc-track label{font-size:.9em;font-weight:600}
.vwc-track .input-text{width:100%;padding:.75rem .95rem;border:1px solid var(--vc-line,#e5e7eb);border-radius:10px;background:#fff;color:inherit;font:inherit}
.vwc-track .input-text:focus{border-color:var(--vc-brand,#d70018);outline:2px solid color-mix(in srgb,var(--vc-brand,#d70018) 25%,transparent);outline-offset:1px}
.vwc-track .button{padding:.7rem 1.4rem;border:0;border-radius:10px;background:var(--vc-brand,#d70018);color:#fff;font:inherit;font-weight:600;cursor:pointer}
.vwc-track-wrap .woocommerce-error,.vwc-track-wrap .woocommerce-info{margin:0 0 1rem;padding:.75rem 1rem;border-left:3px solid #b32d2e;border-radius:8px;background:#fde8e8;color:#8a1c1c;list-style:none}
.vwc-track-wrap .woocommerce-info{border-left-color:var(--vc-brand,#d70018);background:#fff7f7;color:inherit}
}
@layer vtg{
/* Bảng chi tiết đơn ở trang cảm ơn / xem đơn: không tràn ngang trên điện thoại */
@media (max-width:767px){
  .woocommerce-table--order-details{table-layout:fixed;width:100%}
  .woocommerce-table--order-details th,.woocommerce-table--order-details td{padding:.6rem .4rem;word-break:break-word;font-size:.92em}
  .woocommerce-table--order-details .button{display:inline-block;margin:2px 4px 2px 0;padding:.45rem .8rem;font-size:.85em}
}
}
/* Ngoài layer: shop.css của theme cũng ngoài layer và thắng rule trong layer. */
@media (max-width:767px){
  body.vc-shop .woocommerce-table--order-details{table-layout:fixed;width:100%;font-size:.9em}
  body.vc-shop .woocommerce-table--order-details th,body.vc-shop .woocommerce-table--order-details td{padding:.55rem .35rem;word-break:break-word;white-space:normal}
  body.vc-shop .woocommerce-table--order-details tfoot th{width:42%}
  body.vc-shop .woocommerce-table--order-details .button{display:inline-block;margin:2px 4px 2px 0;padding:.4rem .7rem;font-size:.85em;white-space:normal}
}