/* ANT Theme SEO 8.0.0 — lớp trình bày WooCommerce (spec docs/43 mục 7).
   Chỉ nạp khi WooCommerce active. Dùng template gốc của Woo, theme chỉ
   định hình lại bằng CSS + hook khung (inc/woocommerce.php). */

.woocommerce .antseo-wrap{max-width:var(--ant-wrap)}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none;content:none}
.woocommerce ul.products{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:0;padding:0}
.woocommerce ul.products li.product{float:none;width:auto;margin:0;background:#fff;border:1px solid var(--ant-border);border-radius:var(--ant-radius);overflow:hidden;padding:0 0 18px}
.woocommerce ul.products li.product a img{width:100%;height:210px;object-fit:cover;margin:0}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:1.02rem;padding:14px 18px 4px;color:var(--ant-ink)}
.woocommerce ul.products li.product .price{padding:0 18px;font-weight:700;color:var(--ant-ink);font-size:1.05rem}
.woocommerce ul.products li.product .price del{color:#9AA3B8;font-weight:400}
.woocommerce ul.products li.product .price ins{background:none;text-decoration:none}
.woocommerce ul.products li.product .button{margin:10px 18px 0;background:var(--ant-primary);color:#1A2140;border-radius:12px;font-weight:600;padding:10px 18px}
.woocommerce ul.products li.product .onsale{background:var(--ant-dark);color:#fff;border-radius:99px;min-height:0;min-width:0;width:auto;line-height:1.4;padding:5px 12px;top:12px;left:12px;right:auto}
.woocommerce .woocommerce-result-count,.woocommerce .woocommerce-ordering{margin-bottom:20px}
.woocommerce span.onsale{background:var(--ant-dark)}
.woocommerce div.product .product_title{font-size:2rem}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--ant-ink);font-weight:700;font-size:1.5rem}
.woocommerce div.product p.price del{color:#9AA3B8}
.woocommerce div.product .woocommerce-product-gallery img{border-radius:16px}
.woocommerce #respond input#submit.alt,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt{background:var(--ant-primary);color:#1A2140;border-radius:12px;font-weight:700;padding:13px 28px}
.woocommerce #respond input#submit.alt:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover{background:var(--ant-primary-dark);color:#fff}
.woocommerce .quantity .qty{border:1px solid var(--ant-border);border-radius:10px;padding:10px}
.woocommerce table.shop_table{border:1px solid var(--ant-border);border-radius:12px;overflow:hidden}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{background:var(--ant-dark);border-radius:999px}
.woocommerce-message,.woocommerce-info{border-top-color:var(--ant-primary)}
.woocommerce-checkout .col2-set input.input-text,.woocommerce-checkout textarea.input-text,.woocommerce form .form-row input.input-text{border:1px solid var(--ant-border);border-radius:10px;padding:11px 13px}
@media (max-width:860px){
	.woocommerce ul.products{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:540px){
	.woocommerce ul.products{grid-template-columns:1fr}
}

.woocommerce div.product .onsale{width:auto;right:auto}
.woocommerce ul.products li.product .star-rating{margin:2px 18px 0;color:var(--ant-primary)}
.woocommerce ul.products li.product .antseo-loop-cat{display:block;padding:12px 18px 0;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ant-primary-dark)}

.woocommerce ul.products li.product .antseo-loop-cat a{color:#E07F0E!important;text-decoration:none!important}
.woocommerce ul.products li.product .antseo-loop-cat a:hover{color:var(--ant-primary-dark)}

/* Danh mục dạng link trần rel="tag" do thành phần khác in vào thẻ sản phẩm
   (xác nhận qua DOM thật trên staging 21/10): định dạng trực tiếp đúng phần tử này. */
.woocommerce ul.products li.product > a[rel="tag"]{display:block;padding:12px 18px 0;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#E07F0E;text-decoration:none}
.woocommerce ul.products li.product > a[rel="tag"]:hover{color:var(--ant-primary)}