/* ==========================================================
   Phoenix Unite – tương thích Kadence
   Kadence tự tạo kiểu cho nút, link, danh sách, bảng và lưới sản phẩm.
   Các quy tắc dưới đây (có tiền tố "body" để đủ mạnh) giữ cho
   trang sản phẩm, trang shop và thẻ sản phẩm đúng thiết kế Phoenix Unite.
   ========================================================== */

/* ---------- Link: bỏ gạch chân mặc định ---------- */
body .pu-product a,
body .pu-shop a,
body ul.products li.pu-tile a {
	text-decoration: none;
	box-shadow: none;
}
body .pu-product .pu-link:hover { text-decoration: underline; }

/* ---------- Nút: bỏ nền, bóng, hiệu ứng hover của Kadence ---------- */
body .pu-product button.pu-chapter,
body .pu-product button.pu-chapter:hover,
body .pu-product button.pu-chapter:focus,
body .pu-product button.pu-chapter:active {
	background: none;
	box-shadow: none;
	border: 0;
	padding: 0;
	border-radius: 0;
	transform: none;
}
body .pu-product button.pu-chapter:hover { color: #15171c; }
body .pu-product button.pu-chapter.is-active { color: #15171c; }

body .pu-product button.pu-thumb,
body .pu-product button.pu-thumb:hover,
body .pu-product button.pu-thumb:focus {
	background: #fff;
	box-shadow: none;
	padding: 0;
	transform: none;
}

body .pu-product button.pu-pill,
body .pu-product button.pu-pill:focus {
	background: #fff;
	color: #15171c;
	box-shadow: none;
	transform: none;
	border-radius: 999px;
	padding: 8px 16px;
}
body .pu-product button.pu-pill:hover {
	background: #fff;
	color: #15171c;
	border-color: #15171c;
	box-shadow: none;
}

/* Nút "Mua ngay" */
body .pu-product .pu-buy form.cart button.single_add_to_cart_button,
body .pu-product .pu-buy form.cart button.single_add_to_cart_button:hover,
body .pu-product .pu-buy form.cart button.single_add_to_cart_button:focus {
	width: 100%;
	min-height: 54px;
	margin: 0;
	padding: 0 20px;
	border: 0;
	border-radius: 12px;
	background: var(--pu-accent, #c2410c) !important;
	color: #fff !important;
	box-shadow: none;
	font-family: "DM Sans", system-ui, sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.2;
	transform: none;
}
body .pu-product .pu-buy form.cart button.single_add_to_cart_button:hover { opacity: .9; }

/* Bảng chọn biến thể: bỏ viền, nền và khoảng cách của Kadence */
body .pu-product .pu-buy form.cart table.variations,
body .pu-product .pu-buy form.cart table.variations tr,
body .pu-product .pu-buy form.cart table.variations th,
body .pu-product .pu-buy form.cart table.variations td {
	border: 0;
	background: none;
	padding: 0;
	margin: 0;
}
body .pu-product .pu-buy form.cart .single_variation_wrap { margin: 0; }

/* ---------- Danh sách: bỏ dấu đầu dòng và lề mặc định ---------- */
body .pu-product ul.pu-files,
body .pu-shop ul.products,
body ul.products:has(> li.pu-tile) {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}
body .pu-product .pu-prose ul { list-style: disc; padding-left: 1.25em; }

/* ---------- Lưới sản phẩm: thay lưới cột cố định của Kadence ---------- */
body .pu-shop ul.products,
body ul.products:has(> li.pu-tile) {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
	gap: 40px 28px !important;
	margin: 0 0 40px !important;
}

/* Thẻ sản phẩm: bỏ nền hộp, bóng, viền, khoảng đệm của Kadence */
body ul.products li.product.pu-tile,
body ul.products li.product.pu-tile:hover {
	background: none !important;
	box-shadow: none !important;
	border: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	width: auto !important;
	float: none !important;
	transform: none !important;
}

/* ---------- Tiêu đề mặc định của Kadence trên trang shop/danh mục ----------
   Template Phoenix Unite đã có tiêu đề riêng. Nếu vẫn thấy tiêu đề bị lặp,
   tắt "Archive Title" trong Tùy biến → WooCommerce → Product Catalog. */
body.post-type-archive-product .product-archive-hero-section,
body.tax-product_cat .product-archive-hero-section,
body.post-type-archive-product .product-archive-title,
body.tax-product_cat .product-archive-title {
	display: none;
}

/* ---------- Khung nội dung: dùng toàn bộ chiều rộng ---------- */
body.single-product .pu-product,
body .pu-shop {
	max-width: 1120px;
	margin-left: auto;
	margin-right: auto;
}