/*
Theme Name: ZOWU Shop Tweaks 14
Theme URI: https://zowubags.com/
Description: ZOWU 浣愮墿 鈥?WooCommerce 鍟嗗搧闋佸劒鍖栵紙瀛愪富椤岋級銆傜啊鍖栧晢鍝佸崱鐗囥€佹墜姗熷叐鍒椼€佸晢鍝佸垪琛ㄥ垎椤炴绫ゃ€傜埗涓婚锛欰stra銆?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;
}

/* ==========================================================================
   5. 闋佺湁璩肩墿杌婂湒妯?   ========================================================================== */

.zowu-cart-item {
	list-style: none;
}

.zowu-hdr-cart {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	color: #0e0e0e;
	text-decoration: none !important;
	border: 1px solid transparent;
	border-radius: 2px;
	transition: border-color .25s ease, background-color .25s ease, color .25s ease;
}

.zowu-hdr-cart svg {
	width: 22px;
	height: 22px;
}

.zowu-hdr-cart:hover {
	border-color: #e5e2dc;
	background: #f7f5f1;
}

.zowu-hdr-cart__count {
	position: absolute;
	top: 2px;
	right: 0;
	min-width: 16px;
	height: 16px;
	padding: 0 4px;
	border-radius: 9px;
	background: #0e0e0e;
	color: #ffffff;
	font-size: 10px;
	line-height: 16px;
	text-align: center;
	font-weight: 600;
}

.zowu-cart-item {
	margin-left: 10px;
}

/* 鎵嬫鎶藉睖閬稿柈瑁＄殑璩肩墿杌婏細缃乏銆佹枃瀛楀ぇ灏忚垏鍏朵粬闋呬竴鑷?*/
.ast-mobile-menu .zowu-cart-item .zowu-hdr-cart,
.main-header-menu .zowu-cart-item .zowu-hdr-cart {
	color: inherit;
}

/* ==========================================================================
   11. 闋佺湁閬稿柈锛氬瓧閲?600 + 杩戦粦锛堢増鏈?B锛? 涓嬫媺绠牠鍗旇
   ========================================================================== */

.main-header-menu .menu-link,
.main-header-menu > .menu-item > .menu-link,
.ast-builder-menu .menu-link {
	font-weight: 600 !important;
	color: #0e0e0e !important;
	letter-spacing: .01em;
}

.main-header-menu .menu-item:hover > .menu-link,
.main-header-menu .menu-item.current-menu-item > .menu-link,
.main-header-menu .menu-item.current-menu-ancestor > .menu-link {
	color: #000000 !important;
}

/* 涓嬫媺绠牠锛氱府灏?+ 闄嶉€忔槑 + 灏嶉綂鍩虹窔锛屼笉鎼舵枃瀛?*/
.main-header-menu .dropdown-menu-toggle.ast-header-navigation-arrow {
	width: auto !important;
	height: auto !important;
	display: inline-flex;
	align-items: center;
	margin-left: 3px;
	padding: 0;
	color: #0e0e0e !important;
}

.main-header-menu .dropdown-menu-toggle.ast-header-navigation-arrow .ast-icon svg,
.main-header-menu .dropdown-menu-toggle.ast-header-navigation-arrow svg {
	width: 8px !important;
	height: 8px !important;
	fill: currentColor !important;
	opacity: .5;
	transform: translateY(-1px);
	transition: opacity .25s ease, transform .25s ease;
}

.main-header-menu .menu-item:hover > .menu-link .dropdown-menu-toggle svg,
.main-header-menu .dropdown-menu-toggle.ast-header-navigation-arrow:hover svg {
	opacity: 1;
	transform: translateY(0);
}

/* 鎵嬫閬稿柈鐨勭闋篃淇濇寔涓€鑷?*/
.ast-mobile-menu .dropdown-menu-toggle svg,
.ast-mobile-menu .ast-header-navigation-arrow svg {
	width: 8px !important;
	height: 8px !important;
	opacity: .5;
}

/* ==========================================================================
   10. Elementor 鍏ф枃閫ｇ祼锛氳窡闅ㄥ収鏂囬鑹诧紙涓嶇敤涓婚钘嶏級
   ========================================================================== */

.elementor-widget-text-editor a,
.elementor-widget-text-editor p a,
.elementor-widget-text-editor li a,
.elementor-widget-accordion .elementor-accordion-content a,
.elementor-widget-toggle .elementor-toggle-content a {
	color: #6f6b66;
	text-decoration: none;
	border-bottom: 1px solid rgba(111, 107, 102, .45);
	padding-bottom: 1px;
	transition: color .25s ease, border-color .25s ease;
}

.elementor-widget-text-editor a:hover,
.elementor-widget-text-editor p a:hover,
.elementor-widget-text-editor li a:hover,
.elementor-widget-accordion .elementor-accordion-content a:hover,
.elementor-widget-toggle .elementor-toggle-content a:hover {
	color: #0e0e0e;
	border-bottom-color: #0e0e0e;
}

/* ==========================================================================
   9. Astra銆岃繑鍥為爞绔€嶆寜閳曪細鏀归粦鑹?+ 绉诲埌 LINE 鎸夐垥涓婃柟锛堥伩鍏嶉噸鐤婏級
   ========================================================================== */

#ast-scroll-top {
	background-color: #0e0e0e !important;
	color: #ffffff !important;
	border-radius: 2px !important;
	right: 24px !important;
	bottom: 92px !important;
	width: 44px !important;
	height: 44px !important;
	line-height: 44px !important;
	box-shadow: 0 8px 22px rgba(14, 14, 14, .18) !important;
	z-index: 998 !important;
	transition: background-color .25s ease, transform .25s ease;
}

#ast-scroll-top:hover {
	background-color: #2b2b2b !important;
	transform: translateY(-2px);
}

#ast-scroll-top .ast-icon.icon-arrow svg,
#ast-scroll-top svg {
	fill: #ffffff !important;
	color: #ffffff !important;
}

@media (max-width: 921px) {
	#ast-scroll-top {
		right: 18px !important;
		bottom: 86px !important;
	}
}

/* ==========================================================================
   8. Chaty 鎳告诞灏忓伐鍏凤細淇帀澶氶鐨勮棈鑹叉柟濉?   锛圓stra 鐨勬寜閳曞簳鑹叉渻琚?Chaty 鍏ч儴鐨勬寜閳曠辜鎵匡級
   ========================================================================== */

#chaty-widget-0 button,
#chaty-widget-0 .chaty-cta-button,
#chaty-widget-0 .chaty-cta-button *,
#chaty-widget-0 .chaty-cta-close,
#chaty-widget-0 [class*="chaty-cta"],
#chaty-widget-0 [class*="chaty-cta"] * {
	background-color: transparent !important;
	background-image: none !important;
	border: 0 !important;
	outline: 0 !important;
	box-shadow: none !important;
	min-width: 0 !important;
	width: auto !important;
	max-width: 100% !important;
	border-radius: 0 !important;
}

/* Chaty 鐨勮Ц鐧奸垥锛堢闋級缍寔 Chaty 缍犮€佷笉鎼舵埐 */
#chaty-widget-0 .chaty-cta-button svg,
#chaty-widget-0 .chaty-cta-button svg * {
	fill: #06c755 !important;
	stroke: none !important;
}

/* ==========================================================================
   7. 璩肩墿杌婄浉闂滄寜閳曪細鍏ㄩ儴榛戣壊
   ========================================================================== */

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .button.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce a.wc-forward,
.woocommerce button[name="apply_coupon"],
.woocommerce button[name="update_cart"],
.woocommerce a.added_to_cart,
.woocommerce-message .button,
.woocommerce-info .button,
.woocommerce-error .button,
.wc-block-components-button,
.wc-block-components-notice-banner__action,
.wp-block-woocommerce-cart .wc-block-components-button {
	background-color: #0e0e0e !important;
	color: #ffffff !important;
	border: 1px solid #0e0e0e !important;
	border-radius: 2px !important;
	font-weight: 600 !important;
	letter-spacing: .1em !important;
	box-shadow: none !important;
	text-decoration: none !important;
	transition: background-color .25s ease, color .25s ease, border-color .25s ease;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce .button.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce a.wc-forward:hover,
.woocommerce button[name="apply_coupon"]:hover,
.woocommerce button[name="update_cart"]:hover,
.woocommerce a.added_to_cart:hover,
.woocommerce-message .button:hover,
.woocommerce-info .button:hover,
.woocommerce-error .button:hover,
.wc-block-components-button:hover,
.wc-block-components-notice-banner__action:hover {
	background-color: #ffffff !important;
	color: #0e0e0e !important;
	border-color: #0e0e0e !important;
}

/* 鍋滅敤涓?搴瓨涓嶈冻鐨勬寜閳曚繚鎸佺伆闅庯紝浣嗕笉鐢?WooCommerce 钘?*/
.woocommerce button.button:disabled,
.woocommerce button.button.alt:disabled,
.woocommerce .button:disabled,
.woocommerce a.button.disabled,
.woocommerce button.button.disabled {
	background-color: #dcd8d1 !important;
	color: #7c766d !important;
	border-color: #dcd8d1 !important;
}

/* 鎶樺児鍒歌几鍏ユ锛氶厤鍚堟寜閳曡唱鎰?*/
.woocommerce .coupon input.input-text {
	height: 46px;
	border: 1px solid #dcd8d1 !important;
	border-radius: 2px !important;
}

/* ==========================================================================
   6. 鍔犲叆璩肩墿杌婃寜閳曪細榛戣壊銆佽唱鎰?   ========================================================================== */

.woocommerce div.product form.cart button.button,
.woocommerce div.product form.cart .single_add_to_cart_button,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt {
	background-color: #0e0e0e !important;
	color: #ffffff !important;
	border: 1px solid #0e0e0e !important;
	border-radius: 2px !important;
	padding: 16px 36px !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	letter-spacing: .12em !important;
	line-height: 1.2 !important;
	box-shadow: 0 8px 22px rgba(14, 14, 14, .14);
	transition: background-color .28s ease, color .28s ease, box-shadow .28s ease, transform .28s ease;
}

.woocommerce div.product form.cart button.button:hover,
.woocommerce div.product form.cart .single_add_to_cart_button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover {
	background-color: #ffffff !important;
	color: #0e0e0e !important;
	box-shadow: none;
	transform: translateY(-1px);
}

/* 鏁搁噺杓稿叆妗嗭細閰嶅悎榛戣壊鎸夐垥鐨勮唱鎰?*/
.woocommerce div.product form.cart .quantity {
	margin-right: 10px;
}

.woocommerce div.product form.cart .quantity input.qty {
	height: 50px;
	min-width: 64px;
	border: 1px solid #dcd8d1 !important;
	border-radius: 2px !important;
	background: #ffffff;
	font-size: 15px;
}

/* 鍠搧鍍规牸锛氭洿娌夌┅鐨勫堡娆?*/
.woocommerce div.product p.price,
.woocommerce div.product span.price {
	color: #0e0e0e;
	font-weight: 700;
	letter-spacing: .02em;
}

/* ==========================================================================
   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;
}

/* ==========================================================================
   12. 闋佺湁鎼滃皨锛氬湒妯?+ 涓嬫媺鎼滃皨妗嗭紙鍦ㄨ臣鐗╄粖宸﹂倞锛?   ========================================================================== */

.zowu-search-item {
	position: relative;
	list-style: none;
	margin-left: 10px;
}

.zowu-search-toggle,
.zowu-search-toggle:hover,
.zowu-search-toggle:focus,
.zowu-search-toggle:active {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px !important;
	height: 40px !important;
	min-width: 40px;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: none !important;
	box-shadow: none !important;
	outline: none !important;
	color: #0e0e0e;
	cursor: pointer;
	transition: opacity .25s ease;
}

.zowu-search-toggle:hover {
	opacity: .55;
}

.zowu-search-toggle svg,
.zowu-search-toggle svg * {
	width: 22px !important;
	height: 22px !important;
	max-width: 22px !important;
	stroke: currentColor !important;
	display: block !important;
}

.zowu-search-panel {
	position: absolute;
	top: calc(100% + 10px);
	right: 0;
	width: 340px;
	padding: 14px;
	background: #ffffff;
	border: 1px solid #e5e2dc;
	border-radius: 2px;
	box-shadow: 0 18px 50px rgba(14, 14, 14, .14);
	z-index: 1000;
}

.zowu-search-panel[hidden] {
	display: none !important;
}

.zowu-search-form {
	display: flex;
	gap: 8px;
}

.zowu-search-form input[type="search"] {
	flex: 1 1 auto;
	height: 44px;
	padding: 0 14px;
	border: 1px solid #dcd8d1;
	border-radius: 2px;
	font-size: 14px;
	background: #fff;
	color: #0e0e0e;
}

.zowu-search-form input[type="search"]:focus {
	outline: none;
	border-color: #0e0e0e;
}

.zowu-search-form button {
	padding: 0 18px;
	background: #0e0e0e;
	border: 1px solid #0e0e0e;
	border-radius: 2px;
	color: #ffffff;
	font-size: 13.5px;
	font-weight: 600;
	letter-spacing: .1em;
	cursor: pointer;
	transition: background-color .25s ease, color .25s ease;
}

.zowu-search-form button:hover {
	background: #ffffff;
	color: #0e0e0e;
}

@media (max-width: 921px) {
	.zowu-search-item {
		margin-left: 6px;
	}

	.zowu-search-panel {
		right: -46px;
		width: min(86vw, 340px);
	}
}

/* ==========================================================================
   13. 鍘昏臣鐗╄粖 + 鍟嗗搧闋併€屽姞鍏ヨ臣鐗╄粖銆嶆敼銆孡INE 璜銆?   ========================================================================== */

/* 鍟嗗搧闋侊細LINE 璜涓绘寜閳?*/
.single-product .zowu-line-cta {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	margin: 22px 0 10px;
	padding: 18px 26px;
	background: #0e0e0e;
	color: #ffffff !important;
	border: 1px solid #0e0e0e;
	border-radius: 2px;
	font-size: 17px;
	font-weight: 700;
	letter-spacing: .12em;
	text-decoration: none !important;
	transition: background-color .25s ease, color .25s ease;
}

.single-product .zowu-line-cta:hover {
	background: #ffffff;
	color: #0e0e0e !important;
}

.zowu-line-cta svg {
	width: 22px;
	height: 22px;
	flex: 0 0 auto;
}

.zowu-line-cta .zowu-line-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: #06c755;
	color: #fff;
	font-size: 12px;
	font-weight: 900;
}

/* 鍒楄〃闋侊細灏忓瀷 LINE 璜閫ｇ祼锛堝彇浠ｅ姞鍏ヨ臣鐗╄粖锛?*/
ul.products li.product .zowu-line-mini {
	display: inline-block;
	margin-top: 8px;
	padding: 7px 14px;
	border: 1px solid #dcd8d1;
	border-radius: 2px;
	color: #0e0e0e !important;
	font-size: 12.5px;
	font-weight: 600;
	letter-spacing: .08em;
	text-decoration: none !important;
	transition: border-color .25s ease, background-color .25s ease;
}

ul.products li.product .zowu-line-mini:hover {
	border-color: #0e0e0e;
	background: #f7f5f1;
}

/* 寰瑰簳闅辫棌璩肩墿杌婄浉闂?UI */
.zowu-cart-item,
.ast-header-cart-icon,
.woocommerce-cart-form,
.cart_totals,
.ast-site-header-cart {
	display: none !important;
}

/* ==========================================================================
   14. 寰锛堟鐖?2026-10-08锛?   鈶?鍒楄〃闋佸幓鎺夈€孡INE 璜銆嶆寜閳?   鈶?鍘绘帀 LINE 璜鎸夐垥鍓嶉潰鐨勭稜鑹插湏妯?   鈶?鍟嗗搧闋佸幓鎺夈€屽姞鍏ヨ臣鐗╄粖銆嶏紙鍚暩閲忔锛?   ========================================================================== */

ul.products li.product .zowu-line-mini,
.zowu-line-mini {
	display: none !important;
}

.zowu-line-badge,
.zowu-line-cta .zowu-line-badge {
	display: none !important;
}

.single-product form.cart,
.single-product .quantity,
.single-product button.single_add_to_cart_button,
.single-product .single_add_to_cart_button {
	display: none !important;
}

/* ==========================================================================
   15. 手機選單：隱藏「商店 / 購物車 / 結賬 / 我的帳號」（WooCommerce 頁面）
   按連結地址匹配，不依賴 class 名；:has() 連空行一起去掉
   ========================================================================== */
.ast-mobile-popup-drawer a[href*="/shop/"],
.ast-mobile-popup-drawer a[href*="/cart/"],
.ast-mobile-popup-drawer a[href*="/checkout/"],
.ast-mobile-popup-drawer a[href*="/my-account/"],
#ast-mobile-popup a[href*="/shop/"],
#ast-mobile-popup a[href*="/cart/"],
#ast-mobile-popup a[href*="/checkout/"],
#ast-mobile-popup a[href*="/my-account/"],
.ast-mobile-header-content a[href*="/shop/"],
.ast-mobile-header-content a[href*="/cart/"],
.ast-mobile-header-content a[href*="/checkout/"],
.ast-mobile-header-content a[href*="/my-account/"],
.ast-builder-menu-mobile a[href*="/shop/"],
.ast-builder-menu-mobile a[href*="/cart/"],
.ast-builder-menu-mobile a[href*="/checkout/"],
.ast-builder-menu-mobile a[href*="/my-account/"],
.ast-mobile-menu-buttons a[href*="/shop/"],
.ast-mobile-menu-buttons a[href*="/cart/"],
.ast-mobile-menu-buttons a[href*="/checkout/"],
.ast-mobile-menu-buttons a[href*="/my-account/"],
nav.main-header-menu a[href*="/shop/"],
nav.main-header-menu a[href*="/cart/"],
nav.main-header-menu a[href*="/checkout/"],
nav.main-header-menu a[href*="/my-account/"] {
	display: none !important;
}

li.menu-item:has(> a[href*="/cart/"]),
li.menu-item:has(> a[href*="/checkout/"]),
li.menu-item:has(> a[href*="/my-account/"]),
li.menu-item:has(> a[href$="/shop/"]),
li.menu-item:has(a[href*="/cart/"]),
li.menu-item:has(a[href*="/checkout/"]),
li.menu-item:has(a[href*="/my-account/"]) {
	display: none !important;
}


/* 16. hide site title next to logo */
.ast-site-identity .site-title, .ast-logo-title-inline .site-title, .site-branding .site-title, .ast-header .site-title { display: none !important; }


/* 17. 商品圖片統一高度（正方形 1:1），三端一致 */
.woocommerce ul.products li.product a img {
	aspect-ratio: 1 / 1 !important;
	height: auto !important;
	object-fit: contain !important;
	background: #ffffff;
}
.woocommerce ul.products li.product .woocommerce-LoopProduct-link,
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
	display: block;
}