/**
 * woocommerce-native.css
 *
 * Style đúng theo các class THẬT mà WooCommerce Checkout/Giỏ hàng cổ điển
 * xuất ra (khác hoàn toàn với các class .co-* tự đặt trong bản thiết kế
 * tĩnh ban đầu — CSS cũ không áp dụng được vào đây, đây là lý do font/chữ
 * bị lỗi mặc định của trình duyệt trước khi có file này).
 *
 * Chỉ nạp ở trang Giỏ hàng/Thanh toán (xem inc/theme-setup.php), không ảnh
 * hưởng các trang khác.
 */

/* ---------- Font & khoảng cách chung ---------- */
.woocommerce, .woocommerce-cart, .woocommerce-checkout {
  font-family: 'Be Vietnam Pro', sans-serif;
  color: var(--ink-900);
  font-size: 14.5px;
  line-height: 1.6;
}
.woocommerce h1, .woocommerce h2, .woocommerce h3,
.woocommerce-checkout h1, .woocommerce-checkout h2, .woocommerce-checkout h3,
.woocommerce-cart h1, .woocommerce-cart h2, .woocommerce-cart h3 {
  font-family: 'Fraunces', serif;
  color: var(--forest-950);
  font-weight: 600;
}
.entry-content > h1:first-child { font-size: clamp(28px, 3.4vw, 40px); margin-bottom: 24px; }

/* ---------- Bảng sản phẩm (Giỏ hàng & Tóm tắt đơn hàng ở Checkout) ---------- */
.woocommerce table.shop_table,
.woocommerce-checkout table.shop_table {
  width: 100%;
  border-collapse: collapse;
  font-family: 'Be Vietnam Pro', sans-serif;
  font-size: 13.8px;
  margin-bottom: 24px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  overflow: hidden;
}
.woocommerce table.shop_table th {
  background: var(--sage-100);
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: var(--ink-500);
  font-weight: 600;
  text-align: left;
  padding: 12px 16px;
}
.woocommerce table.shop_table td {
  padding: 14px 16px;
  border-bottom: 1px solid var(--line);
}
.woocommerce table.shop_table tr:last-child td { border-bottom: none; }
.woocommerce table.shop_table .product-name,
.woocommerce table.shop_table td.product-name a { color: var(--ink-900); font-weight: 500; }
.woocommerce table.shop_table .product-total,
.woocommerce table.shop_table .amount,
.woocommerce table.shop_table td.product-subtotal { font-family: 'Fraunces', serif; font-weight: 600; color: var(--gold-500); }
.woocommerce table.shop_table tfoot th,
.woocommerce table.shop_table tfoot td { font-family: 'Be Vietnam Pro', sans-serif; font-weight: 700; font-size: 15px; }

/* ---------- Form nhập thông tin (Họ tên, SĐT, Địa chỉ...) ---------- */
.woocommerce-billing-fields h3,
.woocommerce-additional-fields h3,
#order_review_heading {
  font-family: 'Fraunces', serif;
  font-size: 19px;
  margin: 28px 0 16px;
  color: var(--forest-950);
}
.woocommerce-billing-fields .form-row label,
.woocommerce-additional-fields .form-row label {
  font-family: 'Be Vietnam Pro', sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: var(--ink-900);
  margin-bottom: 6px;
  display: block;
}
.woocommerce-billing-fields .form-row .required { color: #B3452C; text-decoration: none; }
.woocommerce .form-row input.input-text,
.woocommerce .form-row select,
.woocommerce .form-row textarea {
  font-family: 'Be Vietnam Pro', sans-serif;
  font-size: 14px;
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--cream-50);
  width: 100%;
  color: var(--ink-900);
}
.woocommerce .form-row input.input-text:focus,
.woocommerce .form-row select:focus,
.woocommerce .form-row textarea:focus {
  outline: none;
  border-color: var(--forest-600);
  box-shadow: 0 0 0 3px rgba(47,107,74,0.14);
}

/* ---------- Khối phương thức thanh toán ---------- */
#payment { background: var(--sage-100); border-radius: var(--radius); padding: 20px; margin-top: 20px; }
#payment ul.payment_methods { list-style: none; margin: 0 0 16px; padding: 0; }
#payment ul.payment_methods li {
  font-family: 'Be Vietnam Pro', sans-serif;
  font-size: 14px;
  font-weight: 600;
  padding: 12px 0;
  border-bottom: 1px solid var(--line);
}
#payment ul.payment_methods li:last-of-type { border-bottom: none; }
#payment .payment_box {
  font-family: 'Be Vietnam Pro', sans-serif;
  font-size: 13px;
  color: var(--ink-500);
  background: #fff;
  border-radius: 8px;
  padding: 12px 14px;
  margin-top: 8px;
}

/* ---------- Nút "Đặt hàng" ---------- */
#place_order, .woocommerce #payment #place_order {
  font-family: 'Be Vietnam Pro', sans-serif;
  font-weight: 600;
  font-size: 14.5px;
  background: var(--forest-950) !important;
  color: #fff !important;
  border-radius: 999px;
  padding: 14px 30px;
  border: none;
  cursor: pointer;
  transition: background .2s;
}
#place_order:hover { background: var(--forest-800) !important; }

/* ---------- Thông báo (lỗi, thiếu phương thức thanh toán...) ---------- */
.woocommerce-error, .woocommerce-info, .woocommerce-message, .woocommerce-notice {
  font-family: 'Be Vietnam Pro', sans-serif;
  font-size: 13.5px;
  border-radius: 10px;
  padding: 14px 18px;
}

/* ---------- Mã giảm giá ---------- */
.woocommerce-form-coupon input[type="text"] {
  font-family: 'Be Vietnam Pro', sans-serif;
  font-size: 14px;
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: 10px;
}