/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 16 2026 | 12:27:24 */
/* =========================================================
   TBS – ORDER REVIEW (GIỐNG MOBILE, GỌN 1 CỤC)
   - 1 card tổng
   - Item 2 dòng:
     Dòng 1: [Ảnh + Tên]
     Dòng 2: trái = x1 | phải = Giá
   - Shipping: pill full ngang, radio trái, text + amount gọn đẹp
========================================================= */

body.woocommerce-checkout #order_review{
  background:#fff !important;
  border:1px solid #eee !important;
  border-radius:16px !important;
  padding:14px !important;
  box-shadow:0 8px 24px rgba(0,0,0,.06) !important;
}

/* Kill cảm giác “table chia cột” */
body.woocommerce-checkout #order_review table.shop_table,
body.woocommerce-checkout #order_review table.shop_table tbody,
body.woocommerce-checkout #order_review table.shop_table tfoot{
  display:block !important;
  width:100% !important;
}
body.woocommerce-checkout #order_review table.shop_table thead{display:none!important;}
body.woocommerce-checkout #order_review table.shop_table tr{display:block !important; width:100% !important;}
body.woocommerce-checkout #order_review table.shop_table td,
body.woocommerce-checkout #order_review table.shop_table th{border:0!important;}

/* =========================
   A) ITEM: 2 DÒNG (GIỐNG MOBILE)
========================= */
body.woocommerce-checkout #order_review table.shop_table tbody tr.cart_item{
  position:relative !important;
  padding:14px 0 14px !important;
  border-bottom:1px solid #f1f1f1 !important;
}
body.woocommerce-checkout #order_review table.shop_table tbody tr.cart_item:last-child{
  border-bottom:0 !important;
}

/* 2 td thành block để tự layout */
body.woocommerce-checkout #order_review table.shop_table tbody tr.cart_item td{
  display:block !important;
  padding:0 !important;
}

/* Dòng 1: ảnh + tên */
body.woocommerce-checkout #order_review td.product-name{
  display:grid !important;
  grid-template-columns:56px 1fr !important;
  column-gap:12px !important;
  align-items:start !important;
  min-width:0 !important;
  padding-right:110px !important; /* chừa chỗ để giá dòng 2 bên phải */
}

/* Ảnh */
body.woocommerce-checkout #order_review td.product-name img{
  width:56px !important;
  height:56px !important;
  object-fit:cover !important;
  border-radius:14px !important;
  border:1px solid #eee !important;
  margin:0 !important;
  float:none !important;
  box-shadow:0 6px 14px rgba(0,0,0,.08) !important;
}

/* Tên (2 dòng, không tràn) */
body.woocommerce-checkout #order_review td.product-name a{
  color:#111 !important;
  text-decoration:none !important;
  font-size:15px !important;
  font-weight:850 !important;
  line-height:1.25 !important;

  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
  min-width:0 !important;
  word-break:break-word !important;
}

/* FIX “× / x” làm xuống dòng bậy */
body.woocommerce-checkout #order_review td.product-name .product-quantity{
  grid-column:2 / -1 !important;
  display:block !important;
  margin-top:8px !important;
  font-size:13px !important;
  font-weight:800 !important;
  color:#777 !important;
  line-height:1 !important;
}
body.woocommerce-checkout #order_review td.product-name .product-quantity *{
  float:none !important;
  display:inline !important;
}

/* Dòng 2: giá (canh phải, cùng hàng với x1) */
body.woocommerce-checkout #order_review td.product-total{
  position:absolute !important;
  right:0 !important;
  /* nằm đúng “dòng 2” dưới tên: 56px ảnh + 8px gap + x1 line */
  top: calc(14px + 56px + 8px) !important;

  width:110px !important;
  text-align:right !important;
  white-space:nowrap !important;
  padding:0 !important;
  margin:0 !important;
}
body.woocommerce-checkout #order_review td.product-total .amount{
  font-size:15px !important;
  font-weight:900 !important;
  color:#111 !important;
}

/* =========================
   B) SHIPPING: PILL FULL NGANG (GIỐNG MOBILE)
========================= */
body.woocommerce-checkout #order_review tfoot tr.woocommerce-shipping-totals{
  display:block !important;
  width:100% !important;
  margin:10px 0 8px !important;
}
body.woocommerce-checkout #order_review tfoot tr.woocommerce-shipping-totals > th{display:none !important;}
body.woocommerce-checkout #order_review tfoot tr.woocommerce-shipping-totals > td{
  display:block !important;
  width:100% !important;
  padding:0 !important;
}

/* list */
body.woocommerce-checkout #order_review ul#shipping_method{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
  width:100% !important;
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
}
body.woocommerce-checkout #order_review ul#shipping_method > li{
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}

/* radio */
body.woocommerce-checkout #order_review ul#shipping_method > li input[type="radio"]{
  margin:0 !important;
  width:16px !important;
  height:16px !important;
  flex:0 0 16px !important;
  accent-color:#2fb26a;
}

/* pill (đặt trên LABEL để click cả dòng) */
body.woocommerce-checkout #order_review ul#shipping_method > li label{
  flex:1 1 auto !important;
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  gap:6px !important;              /* icon sát chữ */
  padding:14px 16px !important;
  border:1px solid #e6e6e6 !important;
  border-radius:14px !important;
  background:#fff !important;
  margin:0 !important;
  box-sizing:border-box !important;
  min-width:0 !important;
}

/* text co giãn, KHÔNG đẩy icon ra xa */
body.woocommerce-checkout #order_review ul#shipping_method > li label > span{
  display:inline !important;
}
body.woocommerce-checkout #order_review ul#shipping_method > li label .amount{
  margin-left:auto !important;
  font-weight:900 !important;
  white-space:nowrap !important;
  padding-left:10px !important;
}

/* chọn */
body.woocommerce-checkout #order_review ul#shipping_method > li input[type="radio"]:checked + label{
  background:#eaf8ee !important;
  border-color:#2fb26a !important;
}

/* =========================
   C) FOOTER: ẨN TẠM TÍNH, GIỮ TỔNG 1 DÒNG
========================= */
body.woocommerce-checkout #order_review tfoot tr.cart-subtotal{display:none!important;}

body.woocommerce-checkout #order_review tfoot tr.order-total{
  position:relative !important;
  padding:12px 0 !important;
  border-top:1px solid #f0f0f0 !important;
}
body.woocommerce-checkout #order_review tfoot tr.order-total > th{
  display:block !important;
  padding:0 !important;
  font-weight:900 !important;
  font-size:16px !important;
}
body.woocommerce-checkout #order_review tfoot tr.order-total > td{
  position:absolute !important;
  right:0 !important;
  top:12px !important;
  padding:0 !important;
  margin:0 !important;
  font-weight:900 !important;
  font-size:18px !important;
  white-space:nowrap !important;
  text-align:right !important;
}

/* =========================================================
   TBS – SHIPPING ICON + TEXT SEPARATION (FIX CỨNG)
   ========================================================= */

body.woocommerce-checkout #order_review ul#shipping_method > li{
  position:relative !important;
}

/* radio */
body.woocommerce-checkout #order_review ul#shipping_method > li input[type="radio"]{
  position:absolute !important;
  left:16px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  accent-color:#853DFF !important;
}

/* label */
body.woocommerce-checkout #order_review ul#shipping_method > li label{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;

  padding:14px 16px 14px 44px !important;
  border:1px solid #e6e6e6 !important;
  border-radius:14px !important;
  background:#fff !important;

  font-size:14.5px !important;
  font-weight:600 !important;
  line-height:1.4 !important;
  cursor:pointer !important;
}

/* ===== ICON GIẢ (KIỂM SOÁT KHOẢNG TRẮNG) ===== */
body.woocommerce-checkout #order_review ul#shipping_method > li label::before{
  content:"" !important;
  display:inline-block !important;
  width:20px !important;   /* khoảng trắng icon */
  text-align:center !important;
}

/* gán icon theo từng phương thức */
body.woocommerce-checkout #order_review input[value*="siêu"] + label::before{
  content:"🚀" !important;
}
body.woocommerce-checkout #order_review input[value*="nhanh"] + label::before{
  content:"🌞" !important;
}
body.woocommerce-checkout #order_review input[value*="chậm"] + label::before{
  content:"🐢" !important;
}

/* giá bên phải */
body.woocommerce-checkout #order_review ul#shipping_method > li label .amount{
  margin-left:auto !important;
  font-weight:900 !important;
}

/* selected */
body.woocommerce-checkout #order_review ul#shipping_method > li input[type="radio"]:checked + label{
  background:#f3edff !important;
  border-color:#853DFF !important;
}