.elementor-17362 .elementor-element.elementor-element-cfd8845{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:150px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for shortcode, class: .elementor-element-86444d6 *//******************************
 MY ACCOUNT — ORDER TRACKING (match V3.3)
******************************/

/* Khu đầu trang tracking (tuỳ bạn có đặt heading HTML hay không) */
body.woocommerce-account .woocommerce-MyAccount-content .tnl-ot-head,
.page .tnl-ot-head{
  max-width:var(--ma-max); margin:0 auto 10px; padding:0 20px;
}
.tnl-ot-head .tnl-ot-title{
  margin:0 0 8px; font-size:24px; line-height:1.25; font-weight:800; color:var(--ma-text);
}
.tnl-ot-head .tnl-ot-desc{ margin:0 0 16px; color:#666; }

/* ===== Form tracking trở thành 1 “card” giống My Account ===== */
.woocommerce form.track_order,
.track_order{
  background:var(--ma-bg); border:1px solid var(--ma-border); border-radius:var(--ma-radius);
  box-shadow:0 4px 18px rgba(0,0,0,.06);
  padding:24px; max-width:var(--ma-max); margin:0 auto 24px; 
  font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}

/* Hàng label + input */
.woocommerce form.track_order p{ margin:0 0 14px; }
.woocommerce form.track_order label{
  display:block; margin:0 0 6px; font-size:13px; color:#666; font-weight:600;
}
.woocommerce form.track_order input[type="text"],
.woocommerce form.track_order input[type="email"]{
  width:100%; height:44px; padding:10px 12px; font-size:14px; line-height:1.35;
  background:#fff; border:1px solid var(--ma-border); border-radius:10px;
  transition:box-shadow .2s,border-color .2s;
}
.woocommerce form.track_order input[type="text"]:focus,
.woocommerce form.track_order input[type="email"]:focus{
  outline:none; border-color:#D9D9D9; box-shadow:0 0 0 3px rgba(17,17,17,.12);
}

/* Nút giống hệ My Account */
.woocommerce form.track_order .button{
  background:#111 !important; color:#fff !important; border:1px solid #111 !important;
  border-radius:999px; padding:10px 18px; font-weight:600; letter-spacing:.2px;
  display:inline-flex; align-items:center; justify-content:center; min-width:140px;
  transition:transform .04s,opacity .2s,box-shadow .2s; cursor:pointer;
}
.woocommerce form.track_order .button:hover{ opacity:.92; }
.woocommerce form.track_order .button:active{ transform:translateY(1px); }

/* Canh lề trong My Account content để trùng với card khác */
body.woocommerce-account .woocommerce-MyAccount-content .track_order{
  margin-top:0; padding:24px;
}

/* ===== Kết quả tracking (overview + bảng) ===== */
.woocommerce .woocommerce-order-overview,
.woocommerce .woocommerce-order-details,
.woocommerce .woocommerce-customer-details{
  background:var(--ma-bg); border:1px solid var(--ma-border); border-radius:var(--ma-radius);
  box-shadow:0 4px 18px rgba(0,0,0,.06);
  padding:20px; max-width:var(--ma-max); margin:0 auto 16px;
}

/* Dòng trạng thái / notices */
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-error{
  max-width:var(--ma-max); margin:0 auto 16px; border-radius:12px;
}

/* Bảng chi tiết đơn giống “table.shop_table” của V3.3 */
.woocommerce table.order_details,
.woocommerce .woocommerce-table--order-details{
  width:100%; border-collapse:separate; border-spacing:0;
  border:1px solid var(--ma-border); border-radius:10px; overflow:hidden;
  box-shadow:0 4px 18px rgba(0,0,0,.06); margin:0 0 16px;
}
.woocommerce table.order_details th,
.woocommerce table.order_details td{
  padding:12px 14px; border-bottom:1px solid var(--ma-border); font-size:14px; color:var(--ma-text);
}
.woocommerce table.order_details thead th{ background:var(--ma-soft); font-weight:600; }
.woocommerce table.order_details tfoot th,
.woocommerce table.order_details tfoot td{ background:#fff; }
.woocommerce table.order_details tr:last-child td{ border-bottom:none; }

/* Khối địa chỉ / meta */
.woocommerce .woocommerce-customer-details address{
  border:1px solid var(--ma-border); border-radius:10px; padding:14px; margin:0; background:#fff;
}

/* Link “view” / “again” ăn style text chung */
.woocommerce .order-again .button{ /* dùng style nút chung ở trên */ }

/* ===== Responsive ===== */
@media (max-width:1024px){
  .woocommerce form.track_order,
  .woocommerce .woocommerce-order-overview,
  .woocommerce .woocommerce-order-details,
  .woocommerce .woocommerce-customer-details{
    padding:18px; margin-left:16px; margin-right:16px;
  }
  .tnl-ot-head{ padding:0 16px; }
}

/* ===== Trường hợp đặt tracking ở TRANG RIÊNG (không trong My Account) ===== */
.page .track_order{ /* để trang rời vẫn “giống My Account” */
  max-width:var(--ma-max); margin:24px auto; padding:24px;
}
.page .woocommerce-order-overview,
.page .woocommerce-order-details,
.page .woocommerce-customer-details{
  max-width:var(--ma-max); margin:0 auto 16px;
}

/* Nhỏ fix: bo góc ảnh trong chi tiết */
.woocommerce-order-details img{ border-radius:8px; }

/******************************
 ORDER TRACKING — Standalone page (match My Account V3.3)
 Áp cho trang có shortcode [woocommerce_order_tracking]
******************************/

/* Khung đầu trang: nếu bạn đặt tiêu đề/phụ đề HTML */
.tnl-ot-head{ max-width:1100px; margin:0 auto 10px; padding:0 20px; }
.tnl-ot-head .tnl-ot-title{ margin:0 0 8px; font-size:28px; line-height:1.25; font-weight:800; color:#111; }
.tnl-ot-head .tnl-ot-desc { margin:0 0 16px; color:#666; }

/* === Card form tracking (giống card trong My Account) === */
.page .track_order,
.page .woocommerce form.track_order{
  background:#fff; border:1px solid #E6E6E6; border-radius:14px;
  box-shadow:0 4px 18px rgba(0,0,0,.06);
  padding:24px; max-width:1100px; margin:0 auto 24px;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  color:#111;
}
.page .woocommerce form.track_order p{ margin:0 0 14px; }
.page .woocommerce form.track_order label{
  display:block; margin:0 0 6px; font-size:13px; color:#666; font-weight:600;
}
.page .woocommerce form.track_order input[type="text"],
.page .woocommerce form.track_order input[type="email"]{
  width:100%; height:44px; padding:10px 12px; font-size:14px; line-height:1.35;
  background:#fff; border:1px solid #E6E6E6; border-radius:10px;
  transition:box-shadow .2s,border-color .2s;
}
.page .woocommerce form.track_order input[type="text"]:focus,
.page .woocommerce form.track_order input[type="email"]:focus{
  outline:none; border-color:#D9D9D9; box-shadow:0 0 0 3px rgba(17,17,17,.12);
}
/* Nút đồng bộ hệ */
.page .woocommerce form.track_order .button{
  background:#111 !important; color:#fff !important; border:1px solid #111 !important;
  border-radius:999px; padding:10px 18px; font-weight:600; letter-spacing:.2px;
  display:inline-flex; align-items:center; justify-content:center; min-width:140px; cursor:pointer;
  transition:transform .04s,opacity .2s,box-shadow .2s;
}
.page .woocommerce form.track_order .button:hover{ opacity:.92; }
.page .woocommerce form.track_order .button:active{ transform:translateY(1px); }

/* === Notices + kết quả tracking === */
.page .woocommerce .woocommerce-info,
.page .woocommerce .woocommerce-message,
.page .woocommerce .woocommerce-error{
  max-width:1100px; margin:0 auto 16px; border-radius:12px;
}
.page .woocommerce .woocommerce-order-overview,
.page .woocommerce .woocommerce-order-details,
.page .woocommerce .woocommerce-customer-details{
  background:#fff; border:1px solid #E6E6E6; border-radius:14px;
  box-shadow:0 4px 18px rgba(0,0,0,.06);
  padding:20px; max-width:1100px; margin:0 auto 16px;
}

/* Bảng chi tiết (look & feel My Account V3.3) */
.page .woocommerce table.order_details,
.page .woocommerce .woocommerce-table--order-details{
  width:100%; border-collapse:separate; border-spacing:0;
  border:1px solid #E6E6E6; border-radius:10px; overflow:hidden;
  box-shadow:0 4px 18px rgba(0,0,0,.06); margin:0 0 16px;
}
.page .woocommerce table.order_details th,
.page .woocommerce table.order_details td{
  padding:12px 14px; border-bottom:1px solid #E6E6E6; font-size:14px; color:#111;
}
.page .woocommerce table.order_details thead th{ background:#fafafa; font-weight:600; }
.page .woocommerce table.order_details tr:last-child td{ border-bottom:none; }

.page .woocommerce .woocommerce-customer-details address{
  border:1px solid #E6E6E6; border-radius:10px; padding:14px; margin:0; background:#fff;
}
.page .woocommerce-order-details img{ border-radius:8px; }

/* === Responsive === */
@media (max-width:1024px){
  .tnl-ot-head{ padding:0 16px; }
  .page .track_order,
  .page .woocommerce .woocommerce-order-overview,
  .page .woocommerce .woocommerce-order-details,
  .page .woocommerce .woocommerce-customer-details{
    padding:18px; margin-left:16px; margin-right:16px;
  }
}/* End custom CSS */