/* ============================================================
 * IVERY 目录页卡片：图片色卡 + 多选加购
 * 排版：标题最多 2 行、其它文字不显示；深灰按钮、文字居中加粗
 * ============================================================ */

/* ---------- 标题：只显示 2 行 ---------- */
body.woocommerce ul.products li.product .woocommerce-loop-product__title,
body.woocommerce ul.products li.product .woocommerce-loop-product__title a {
	display: -webkit-box !important;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	font-family: var(--f-sans, Jost), "Helvetica Neue", Arial, sans-serif;
	font-size: 15px !important;      /* 与卡片宽度更协调 */
	line-height: 1.34 !important;
	font-weight: 500 !important;
	letter-spacing: .005em;
	color: #2A2A2A !important;
	min-height: 2.7em;               /* 固定两行高度，卡片高度整齐 */
	margin: .6rem 0 .3rem !important;
}

/* ---------- 价格：一行、紧凑 ---------- */
body.woocommerce ul.products li.product .price {
	font-family: var(--f-sans, Jost), "Helvetica Neue", Arial, sans-serif;
	font-size: 15px !important;
	font-weight: 600 !important;
	color: #2A2A2A !important;
	margin: 0 0 .55rem !important;
	line-height: 1.2 !important;
	letter-spacing: .01em;
}
body.woocommerce ul.products li.product .price ins { text-decoration: none; font-weight: 600; }

/* ---------- 卡片上其它文字一律不显示 ---------- */
.woocommerce ul.products li.product .star-rating,
.woocommerce ul.products li.product .woocommerce-loop-product__categories,
.woocommerce ul.products li.product .product-categories,
.woocommerce ul.products li.product .added_to_cart,
.woocommerce ul.products li.product .button.product_type_variable,
.woocommerce ul.products li.product .button.product_type_grouped,
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .ivas-cb-head,      /* 「COLOUR」+颜色名文字 */
.woocommerce ul.products li.product .ivas-cb-msg:empty { display: none !important; }

/* ---------- 色卡（图片） ---------- */
.ivas-cb { margin-top: .1rem; }
.woocommerce ul.products li.product .ivas-cb-colors {
	display: flex; flex-wrap: wrap; gap: 6px;
	max-height: 96px; overflow-y: auto;
	padding: 1px 1px 2px;
}
.woocommerce ul.products li.product .ivas-cb-sw {
	position: relative;
	width: 42px; height: 42px; flex: none;
	border: 1px solid #dcd7cd;
	border-radius: 3px;
	background-color: #f3f1ec;
	background-size: cover;
	background-position: center;
	padding: 0; cursor: pointer;
	transition: box-shadow .15s ease, border-color .15s ease, transform .15s ease;
}
.woocommerce ul.products li.product .ivas-cb-sw:hover { border-color: #2A2A2A; transform: translateY(-1px); }
.woocommerce ul.products li.product .ivas-cb-sw.is-on { border-color: #2A2A2A; box-shadow: 0 0 0 2px #2A2A2A; }
.ivas-cb-tick {
	position: absolute; right: -5px; bottom: -5px;
	width: 15px; height: 15px; line-height: 15px;
	border-radius: 50%;
	background: #2A2A2A; color: #fff;
	font-size: 9px; text-align: center;
	opacity: 0; transition: opacity .15s ease;
}
.ivas-cb-sw.is-on .ivas-cb-tick { opacity: 1; }
.ivas-cb-sw[data-noimg]::after {
	content: attr(data-name);
	position: absolute; inset: 0;
	display: flex; align-items: center; justify-content: center;
	font-size: 9px; color: #555; text-transform: uppercase; letter-spacing: .03em;
}

/* ---------- 尺码 / 数量 / 按钮一行 ---------- */
.woocommerce ul.products li.product .ivas-cb-row {
	display: flex; align-items: stretch; gap: 6px;
	margin-top: .5rem;
}
.woocommerce ul.products li.product .ivas-cb-size,
.woocommerce ul.products li.product .ivas-cb-qty {
	height: 36px;
	border: 1px solid #dedbd5;
	border-radius: 3px;
	background-color: #F3F3F2;    /* 浅灰底 */
	color: #2A2A2A;
	font-family: var(--f-sans, Jost), "Helvetica Neue", Arial, sans-serif;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: .02em;
	line-height: 1;
	text-align: center;
	text-align-last: center;      /* 下拉里的文字居中 */
	-moz-appearance: none; appearance: none;
	box-shadow: none;
	transition: background .15s ease, border-color .15s ease;
}
/* 数量框：容纳 4 位数（隐藏浏览器自带上下箭头，避免挤占空间） */
.woocommerce ul.products li.product .ivas-cb-qty {
	width: 72px;
	flex: none;
	padding: 0 .3rem;
	-moz-appearance: textfield;
	appearance: textfield;
}
.woocommerce ul.products li.product .ivas-cb-qty::-webkit-outer-spin-button,
.woocommerce ul.products li.product .ivas-cb-qty::-webkit-inner-spin-button {
	-webkit-appearance: none; appearance: none; margin: 0;
}
/* 尺码框：右侧加一个倒三角，提示可以选择其它尺码 */
.woocommerce ul.products li.product select.ivas-cb-size {
	width: 74px;
	flex: none;
	padding: 0 22px 0 .3rem;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%232A2A2A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 7px center;
	background-size: 9px 6px;
	cursor: pointer;
}
.woocommerce ul.products li.product .ivas-cb-size:hover,
.woocommerce ul.products li.product .ivas-cb-qty:hover { background-color: #ECECEA; }
.woocommerce ul.products li.product .ivas-cb-size:focus,
.woocommerce ul.products li.product .ivas-cb-qty:focus {
	outline: none; border-color: #2A2A2A; background-color: #FFFFFF;
}
.woocommerce ul.products li.product .ivas-cb-size-one {
	display: inline-flex; align-items: center; justify-content: center;
	height: 36px; width: 74px; flex: none;
	border: 1px solid #dedbd5; border-radius: 3px; background: #F3F3F2;
	font-size: 13px; font-weight: 500; color: #2A2A2A; letter-spacing: .02em;
}

/* ---------- Add to Cart：深灰底、文字居中加粗 ---------- */
.woocommerce ul.products li.product .ivas-cb-add,
.woocommerce ul.products li.product .ivas-cb--simple .button,
.woocommerce ul.products li.product .ivas-cb .button.ivas-cb-add {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 1 1 auto;
	height: 36px;
	min-height: 36px;
	padding: 0 .7rem;
	background: #808389 !important;          /* 指定灰色 #808389 */
	background-color: #808389 !important;
	border: 1px solid #808389 !important;
	border-radius: 3px;
	color: #FFFFFF !important;
	font-family: var(--f-sans, Jost), "Helvetica Neue", Arial, sans-serif;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	text-align: center;
	line-height: 1;
	text-decoration: none;
	box-shadow: none;
	cursor: pointer;
	transition: background .15s ease, border-color .15s ease;
}
.woocommerce ul.products li.product .ivas-cb-add:hover,
.woocommerce ul.products li.product .ivas-cb--simple .button:hover {
	background: #6E7176 !important;          /* 悬停略深 */
	border-color: #6E7176 !important;
	color: #FFFFFF !important;
}
.woocommerce ul.products li.product .ivas-cb-add[disabled] {
	background: #B9BCBF !important; border-color: #B9BCBF !important;
	cursor: default; letter-spacing: .06em;
}

/* ---------- 提示信息 ---------- */
.ivas-cb-msg {
	margin-top: .4rem;
	font-size: .72rem;
	line-height: 1.4;
	letter-spacing: .01em;
	color: #1e7b34;
}
.ivas-cb-msg.is-error { color: #b3261e; }
.ivas-cb--simple { margin-top: .5rem; }