/**
 * 商城 / 询盘视觉皮肤（主题层 · 换肤第 2 层）
 * 第 1 层：style.css / theme-skin.css 的 --xy-skin-*
 * 第 3 层：本文件之后按需写选择器微调
 * 系统 _common 只保留功能与变量钩子；勿改系统文件做品牌色。
 * 契约：Homes/Tpl/THEME-CONTRACT.md
 */
html body {
	/* 页壳 / 询盘表单（可选覆盖） */
	--xy-page-max: 1440px;
	--xy-inquiry-radius: 8px;

	/* 顶栏购物车角标 */
	--xy-basket-badge-bg: var(--xy-skin-primary, #55b4d4);
	--xy-basket-badge-color: #fff;
	--xy-basket-nav-icon-size: 18px;

	/* 列表卡按钮 */
	--xy-list-card-btn-border: #d0d7dc;
	--xy-list-card-btn-fg: #1a3a4a;
	--xy-list-card-btn-border-hover: var(--xy-skin-primary, #55b4d4);
	--xy-list-card-btn-fg-hover: var(--xy-skin-primary, #55b4d4);
	--xy-list-card-btn-buy-bg: var(--xy-skin-primary, #55b4d4);
	--xy-list-card-btn-buy-border: var(--xy-skin-primary, #55b4d4);
	--xy-list-card-btn-buy-bg-hover: var(--xy-skin-accent, #2a9bb8);
	--xy-list-card-btn-buy-border-hover: var(--xy-skin-accent, #2a9bb8);
	--xy-list-card-btn-ghost-border: var(--xy-skin-primary, #55b4d4);
	--xy-list-card-btn-ghost-fg: var(--xy-skin-primary, #55b4d4);
	--xy-list-card-btn-ghost-bg-hover: var(--xy-skin-primary, #55b4d4);
	--xy-list-card-btn-radius: 6px;
	--xy-list-card-price-color: #1a3a4a;
	--xy-list-card-price-muted: #6b8491;

	/* 封面悬停加购 */
	--xy-list-cover-btn-bg: rgba(85, 180, 212, 0.92);
	--xy-list-cover-btn-bg-hover: #3fa0c2;
	--xy-list-cover-btn-fg: #fff;
	--xy-list-cover-btn-shadow: 0 6px 16px rgba(85, 180, 212, 0.4);
	--xy-list-cover-size: 44px;
	--xy-list-cover-size-sm: 36px;

	/* SKU 芯片 */
	--xy-sku-chip-border: #d5dde8;
	--xy-sku-chip-border-hover: #8eb8d4;
	--xy-sku-chip-bg-hover: #f7fbfe;
	--xy-sku-chip-focus-shadow: 0 0 0 3px rgba(61, 155, 196, 0.25);
	--xy-sku-chip-on-border: #2f8fbc;
	--xy-sku-chip-on-bg: #e8f5fb;
	--xy-sku-chip-on-fg: #0f4f6e;
	--xy-sku-chip-on-shadow: inset 0 0 0 1px #2f8fbc;
	--xy-sku-chip-price-fg: #3d5a73;
	--xy-sku-chip-radius: 8px;
}

/* 例：不想显示封面购物车时取消下一行注释
.xy-list-card-cover-action { display: none !important; }
*/

/*
 * 产品列表卡 / Related 相关产品：等高卡片 + 按钮整齐
 * 列表页：actions 在 .xy-product-list-content 外，需把白卡片壳上移到 item
 * Related：actions 在 content 内，保持贴底即可
 */
.xy-product-widget .xy-product-widget-list {
	align-items: stretch;
}
.xy-product-list .xy-product-list-item.xy-list-card {
	display: flex !important;
	flex-direction: column;
	height: 100%;
	align-self: stretch;
	background: #fff;
	border: 1px solid #e8e8e8;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 6px 20px rgba(26, 58, 74, 0.06);
	box-sizing: border-box;
	transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.xy-product-list .xy-product-list-item.xy-list-card:hover,
.xy-product-list .xy-product-list-item.xy-list-card:focus-within {
	transform: translateY(-4px);
	border-color: rgba(85, 180, 212, 0.55);
	box-shadow: 0 14px 32px rgba(85, 180, 212, 0.18);
}
.xy-product-widget .xy-product-widget-item.xy-list-card,
.xy-product-widget .xy-product-widget-item {
	display: flex !important;
	flex-direction: column;
	height: auto;
	align-self: stretch;
}
.xy-product-list .xy-product-list-content {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	min-height: 0;
	width: 100%;
	height: auto !important;
	/* 壳已上移到 item，避免双重边框 / 按钮掉出卡片 */
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	overflow: visible !important;
	transform: none !important;
}
.xy-product-list .xy-list-card:hover .xy-product-list-content,
.xy-product-list .xy-list-card:focus-within .xy-product-list-content {
	transform: none !important;
	border-color: transparent !important;
	box-shadow: none !important;
}
.xy-product-widget .xy-product-widget-content {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	min-height: 0;
	width: 100%;
	height: 100%;
}
.xy-product-list .xy-product-list-intro-link,
.xy-product-widget .xy-product-widget-intro {
	flex: 1 1 auto;
	box-sizing: border-box;
}
.xy-product-widget .xy-product-widget-intro:has(+ .xy-list-card-actions) {
	padding-bottom: 8px !important;
}
.xy-product-list .xy-product-list-intro-title,
.xy-product-widget .xy-product-widget-intro > span {
	display: -webkit-box !important;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	min-height: calc(1.4em * 2);
	max-height: calc(1.4em * 2);
	line-height: 1.4 !important;
}
.xy-product-list .xy-list-card-actions,
.xy-product-widget .xy-list-card-actions {
	margin-top: auto !important;
	width: 100%;
	box-sizing: border-box;
	padding: 10px 14px 14px !important;
	border-top: 1px solid rgba(0, 0, 0, 0.06);
	text-align: left;
	background: #fff;
}
.xy-product-list .xy-list-card-btns,
.xy-product-widget .xy-list-card-btns {
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: stretch;
	gap: 8px;
	width: 100%;
}
.xy-product-list .xy-list-card-btns > .xy-list-card-form,
.xy-product-list .xy-list-card-btns > .xy-list-card-btn,
.xy-product-widget .xy-list-card-btns > .xy-list-card-form,
.xy-product-widget .xy-list-card-btns > .xy-list-card-btn {
	width: 100%;
	min-width: 0;
	max-width: none;
}
.xy-product-list .xy-list-card-form,
.xy-product-widget .xy-list-card-form {
	display: flex !important;
	margin: 0;
	padding: 0;
	border: 0;
}
.xy-product-list .xy-list-card-btn,
.xy-product-widget .xy-list-card-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	width: 100%;
	box-sizing: border-box;
	height: 38px;
	min-height: 38px;
	max-height: 38px;
	margin: 0;
	padding: 0 6px;
	border-radius: var(--xy-list-card-btn-radius, 6px);
	font-family: inherit;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.02em;
	line-height: 1;
	text-transform: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	appearance: none;
	-webkit-appearance: none;
	cursor: pointer;
}
.xy-product-list .xy-list-card-form .xy-list-card-btn,
.xy-product-widget .xy-list-card-form .xy-list-card-btn {
	flex: 1 1 auto;
	width: 100%;
}

/* 悬停：实心品牌色 + 白字，避免浅蓝字/白底看不清 */
.xy-product-list .xy-list-card-btn:hover,
.xy-product-list .xy-list-card-btn:focus-visible,
.xy-product-widget .xy-list-card-btn:hover,
.xy-product-widget .xy-list-card-btn:focus-visible {
	background: var(--xy-skin-primary, #55b4d4) !important;
	border-color: var(--xy-skin-primary, #55b4d4) !important;
	color: #fff !important;
}
.xy-product-list .xy-list-card-btn:hover > .fa,
.xy-product-list .xy-list-card-btn:focus-visible > .fa,
.xy-product-widget .xy-list-card-btn:hover > .fa,
.xy-product-widget .xy-list-card-btn:focus-visible > .fa {
	color: #fff !important;
}
.xy-product-list .xy-list-card-btn.is-ghost:hover,
.xy-product-list .xy-list-card-btn.is-ghost:focus-visible,
.xy-product-widget .xy-list-card-btn.is-ghost:hover,
.xy-product-widget .xy-list-card-btn.is-ghost:focus-visible {
	background: var(--xy-skin-accent, #2a9bb8) !important;
	border-color: var(--xy-skin-accent, #2a9bb8) !important;
	color: #fff !important;
}

/* Related 四列偏窄：桌面也改为纵向全宽，避免两钮挤成一长一短 */
@media screen and (min-width: 769px) {
	.xy-product-widget .xy-list-card-btns {
		grid-template-columns: 1fr;
		gap: 6px;
	}
}

@media screen and (max-width: 768px) {
	.xy-product-list .xy-list-card-btns,
	.xy-product-widget .xy-list-card-btns {
		grid-template-columns: 1fr;
		gap: 6px;
	}
	.xy-product-list .xy-list-card-btn,
	.xy-product-widget .xy-list-card-btn {
		height: 34px;
		min-height: 34px;
		max-height: 34px;
		font-size: 11px;
		padding: 0 8px;
		white-space: normal;
	}
	.xy-product-list .xy-list-card-actions,
	.xy-product-widget .xy-list-card-actions {
		padding: 6px 10px 12px !important;
	}
	.xy-product-widget .xy-product-widget-intro:has(+ .xy-list-card-actions) {
		padding-bottom: 6px !important;
	}
}