/*
Theme Name: ZOWU Shop Tweaks
Theme URI: https://zowubags.com/
Description: ZOWU 佐物 — WooCommerce 商品頁優化（子主題）。簡化商品卡片、手機兩列、商品列表分類標籤。父主題：Astra。
Author: ZOWU
Author URI: https://zowubags.com/
Template: astra
Version: 1.0.0
Text Domain: zowu-shop-tweaks
*/

/* ==========================================================================
   1. 簡化商品卡片
   ========================================================================== */

/* 隱藏評分、加入購物車按鈕、特價角標 */
.woocommerce ul.products li.product .star-rating,
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .added_to_cart,
.woocommerce ul.products li.product .onsale,
.woocommerce ul.products li.product .ast-on-card-button {
	display: none !important;
}

.woocommerce ul.products li.product a img {
	border-radius: 2px;
	margin-bottom: 10px;
}

/* 品名與價格 */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .ast-woo-product-title {
	font-size: 13px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: .01em;
	color: #161616;
	padding: 0 0 4px;
}

.woocommerce ul.products li.product .price {
	font-size: 13px;
	color: #6f6b66;
	font-weight: 400;
}

/* 卡片上的品牌分類標籤 */
.woocommerce ul.products li.product .zcat {
	display: block;
	margin-bottom: 4px;
	font-size: 10.5px;
	font-weight: 700;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #a8845a;
}

.woocommerce ul.products li.product .zcat::before {
	content: "";
	display: none;
}

/* ==========================================================================
   2. 版面：手機 2 列 / 平板 3 列 / 桌面 4 列
   ========================================================================== */

.woocommerce ul.products,
.woocommerce-page ul.products {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px 12px;
	margin: 0 !important;
	padding: 0 !important;
	align-items: start;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after {
	display: none !important;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
	width: auto !important;
	float: none !important;
	margin: 0 !important;
	clear: none !important;
	max-width: none !important;
}

@media (min-width: 768px) {
	.woocommerce ul.products,
	.woocommerce-page ul.products {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 26px 20px;
	}
}

@media (min-width: 1024px) {
	.woocommerce ul.products,
	.woocommerce-page ul.products {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

/* ==========================================================================
   3. 商品列表分類標籤列
   ========================================================================== */

.zowu-cat-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 26px;
	padding: 0;
	list-style: none;
}

.zowu-cat-tags a {
	display: inline-block;
	padding: 7px 15px;
	border: 1px solid #e5e2dc;
	border-radius: 100px;
	font-size: 12.5px;
	line-height: 1.6;
	letter-spacing: .04em;
	color: #6f6b66;
	text-decoration: none !important;
	transition: background-color .25s ease, border-color .25s ease, color .25s ease;
}

.zowu-cat-tags a:hover,
.zowu-cat-tags a.is-active {
	background: #0e0e0e;
	border-color: #0e0e0e;
	color: #ffffff;
}

/* ==========================================================================
   4. Elementor「商品列表」頁：同一組分類標籤與商品卡片
   ========================================================================== */

.elementor-widget-shortcode .zowu-cat-tags {
	margin: 0 0 28px;
}

.elementor-widget-shortcode .woocommerce {
	margin: 0;
}

.elementor-widget-shortcode .woocommerce ul.products {
	margin-top: 0 !important;
}

/* 不顯示 WooCommerce 佔位分類「未分類 / Uncategorized」的標籤 */
.zowu-cat-tags a[href*="%e6%9c%aa%e5%88%86"],
.zowu-cat-tags a[href*="uncategorized"],
.zowu-cat-tags a[href*="%E6%9C%AA%E5%88%86"] {
	display: none !important;
}