/*! © 2026 Oba Go 欧爸优选 shop.obago.com.au 版权所有，未经许可不得复制使用。Fingerprint: obgshop-kts9r7wjor */
/* 商品卡片：商品列表网格（商店首页、分类页、商品页底部“相关产品”）和侧栏“热门产品”列表。
   在商店页、商品分类/品牌页、单个商品页加载。 */

/* 商品名最多两行，超出用省略号。货源商品名普遍很长，不截断的话同一行卡片高低不齐。 */
.woocommerce-js ul.products li.product .woocommerce-loop-product__title,
ul.product_list_widget li .product-title {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	overflow: hidden;
}

/* 商品网格卡片：跟主站 obago.com.au 的内容卡片同一套（浅边框、16px 圆角，悬停上浮 4px + 阴影），
   值见主站 docs/视觉样式规范_配色字号交互.md「卡片hover上浮效果」。 */
.woocommerce-js ul.products li.product {
	background: #fff;
	border: 1px solid rgba(43, 42, 40, 0.08);
	border-radius: 16px;
	padding: 12px;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.woocommerce-js ul.products li.product:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 24px rgba(43, 42, 40, 0.1);
}

/* 侧栏“热门产品”整体缩小。Astra 这个列表的图片尺寸（4em）和左侧留白（5em）都以字号为基准，
   调字号就能整体按比例缩小。选择器在 Astra 原生 `.woocommerce-js ul.product_list_widget li` 上加 #secondary 提高权重。 */
.woocommerce-js #secondary ul.product_list_widget li {
	font-size: 14px;
}
#secondary .widget-title {
	font-size: 20px;
}

/* 价格：“会员价 $24.98　原价 ~~$28.88~~”（markup 见 mu-plugins/obago-product-price-display.php），商品卡片、侧栏、商品页共用。
   会员价是实际售价，保持 Astra 原来的价格字号和颜色；“会员价/原价”两个小标签和划线原价用灰色小字，零售价放不下时整块换到下一行。 */
.obago-price-label {
	margin-right: 4px;
	font-size: 12px;
	font-weight: normal;
	color: #888;
}
.obago-price-retail {
	display: inline-block;
	margin-left: 10px;
	font-size: 0.8em;
	font-weight: normal;
	color: #888;
}
.woocommerce-js .obago-price-retail del {
	color: #888;
	opacity: 1;
}

/* 不显示“Sale!”角标：有原价的商品在 WooCommerce 看来都是促销中，见 mu-plugins/obago-product-price-display.php。 */
.woocommerce-js span.onsale,
.woocommerce-js .ast-onsale-card {
	display: none;
}