/* ---------------------------------------------------------------------------
 * TDS 复刻站附加样式：cookie 同意条 / 购物车 / 结算容器 / 相关商品
 * 与源站视觉保持一致的必要补充
 * ------------------------------------------------------------------------ */

/* ---- Cookie consent banner（Pandectes 外观复刻） ---- */
#tds-cookie-banner {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 99999;
	width: 250px;
	max-width: calc(100vw - 40px);
	background: #fff;
	color: #000;
	font-family: "IBM Plex Sans", sans-serif;
	font-size: 13px;
	line-height: 1.5;
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.18);
	padding: 16px 16px 14px;
	display: none;
}
#tds-cookie-banner.is-visible { display: block; }
#tds-cookie-banner__title {
	font-weight: 700;
	font-size: 14px;
	margin: 0 0 8px;
}
#tds-cookie-banner__text { margin: 0 0 12px; }
#tds-cookie-banner__text a { color: #e31b23; text-decoration: underline; }
#tds-cookie-banner__actions { display: flex; gap: 6px; }
#tds-cookie-banner__actions button {
	flex: 1 1 auto;
	border: 1px solid #e31b23;
	background: #fff;
	color: #e31b23;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.4px;
	padding: 8px 6px;
	cursor: pointer;
	text-transform: none;
}
#tds-cookie-banner__actions button.tds-btn-solid { background: #e31b23; color: #fff; }
#tds-cookie-banner__actions button:hover { opacity: 0.88; }

/* ---- WooCommerce 购物车 / 结算容器，借用源站排版 ---- */
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-info {
	background: var(--COLOR-BG-ACCENT, #f7f7f7);
	border-left: 3px solid var(--COLOR-ACCENT, #e31b23);
	padding: 14px 18px;
	margin: 18px 0;
	font-size: 14px;
	list-style: none;
}
.woocommerce table.shop_table {
	width: 100%;
	border-collapse: collapse;
	margin: 16px 0;
	font-size: 14px;
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
	border: 1px solid var(--border-hairline, #eee);
	padding: 10px 12px;
	text-align: left;
}
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button {
	background: #000;
	color: #fff;
	border: 1px solid #000;
	padding: 12px 22px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 1px;
	cursor: pointer;
	display: inline-block;
}
.woocommerce button.button:hover { background: #333; }
.woocommerce .quantity input.qty {
	width: 64px;
	padding: 8px;
	text-align: center;
	border: 1px solid #000;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.select2-container .select2-selection--single {
	border: 1px solid #000 !important;
	padding: 10px;
	height: auto;
	font-size: 14px;
	background: #fff;
}
.woocommerce-checkout #payment {
	background: var(--COLOR-BG-ACCENT, #f7f7f7);
	border-radius: 0;
}

/* ---- PDP 相关商品网格 ---- */
.related-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
@media (max-width: 749px) {
	.related-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ---- 分页 ---- */
.pagination {
	display: flex;
	justify-content: center;
	gap: 8px;
	padding: 24px 0;
	font-size: 14px;
}
.pagination .page-numbers { padding: 6px 10px; border: 1px solid transparent; }
.pagination .page-numbers.current { border-color: #000; font-weight: 600; }

/* ---- 搜索结果 ---- */
.search-results-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; padding: 24px 0; }
@media (max-width: 749px) {
	.search-results-grid { grid-template-columns: repeat(2, 1fr); }
}