/*
 * 工具类与补充样式。
 * 主设计系统（配色、字号、间距、按钮）全部在 theme.json 中声明，
 * 本文件只处理 theme.json 难以表达的少量细节。
 */

/* 引导小字：区块面板标题、章节 eyebrow */
.mtm-eyebrow {
	text-transform: uppercase;
	letter-spacing: 0.14em;
	font-weight: 600;
	font-size: var(--wp--preset--font-size--eyebrow);
	color: var(--wp--preset--color--steel);
}

/* 深色底上的 eyebrow 需要提亮 */
.mtm-on-dark .mtm-eyebrow {
	color: var(--wp--preset--color--brass);
}

/* 规格参数表：左侧参数列固定浅底，便于外贸买家快速扫读 */
.mtm-spec-table table {
	width: 100%;
	border-collapse: collapse;
}

.mtm-spec-table table th {
	background: var(--wp--preset--color--paper);
	color: var(--wp--preset--color--ink);
	font-family: var(--wp--preset--font-family--mono);
	font-weight: 600;
	text-align: left;
	width: 34%;
}

.mtm-spec-table table td,
.mtm-spec-table table th {
	border-color: var(--wp--preset--color--line);
}

/* 产品网格：卡片之间用细线分隔，替代阴影，符合工业品目录的克制感 */
.mtm-product-grid .wp-block-post-template {
	gap: 1px;
	background: var(--wp--preset--color--line);
	border: 1px solid var(--wp--preset--color--line);
}

.mtm-product-grid .wp-block-post-template > li {
	background: var(--wp--preset--color--white);
}

.mtm-product-grid .wp-block-post-title {
	font-size: var(--wp--preset--font-size--medium);
	letter-spacing: -0.005em;
}

/* 卡片整体可点击，同时去掉标题下划线干扰 */
.mtm-card-link {
	text-decoration: none;
}

/* 认证与资质 logo 行：统一灰度，悬停恢复彩色，避免抢产品视觉 */
.mtm-cert-logos img {
	filter: grayscale(1);
	opacity: 0.7;
	transition: filter 0.2s ease, opacity 0.2s ease;
}

.mtm-cert-logos img:hover {
	filter: none;
	opacity: 1;
}

/* 页头吸顶：询盘站导航常驻能提升 Table of Products 的到达率 */
.mtm-header-sticky {
	position: sticky;
	top: 0;
	z-index: 99;
}

@media (prefers-reduced-motion: reduce) {
	.mtm-cert-logos img {
		transition: none;
	}
}

/* 询盘表单：主题内置表单与第三方插件表单共用一套字段外观 */
.mtm-inquiry-box .mtm-inquiry-form,
.mtm-inquiry-box form {
	display: grid;
	gap: 0.25rem;
}

.mtm-inquiry-box p {
	margin: 0;
}

.mtm-inquiry-box label {
	display: block;
	font-size: var(--wp--preset--font-size--eyebrow);
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-weight: 600;
	color: var(--wp--preset--color--steel);
	margin-bottom: 0.35rem;
}

.mtm-inquiry-box input[type="text"],
.mtm-inquiry-box input[type="email"],
.mtm-inquiry-box textarea {
	width: 100%;
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 2px;
	background: var(--wp--preset--color--white);
	color: var(--wp--preset--color--ink);
	font-size: var(--wp--preset--font-size--small);
	padding: 0.7rem 0.8rem;
}

.mtm-inquiry-box input:focus-visible,
.mtm-inquiry-box textarea:focus-visible {
	outline: 2px solid var(--wp--preset--color--brass);
	outline-offset: 1px;
}

.mtm-inquiry-box button[type="submit"] {
	width: 100%;
}

/* 蜜罐字段必须对真人不可见、但对爬虫保留在 DOM 中 */
.mtm-hp {
	position: absolute !important;
	left: -9999px !important;
	width: 1px;
	height: 1px;
	opacity: 0;
}

/* 提交结果提示 */
.mtm-inquiry-notice {
	position: fixed;
	left: 50%;
	bottom: 1.5rem;
	transform: translateX(-50%);
	z-index: 1000;
	background: var(--wp--preset--color--ink);
	color: var(--wp--preset--color--white);
	padding: 0.9rem 1.5rem;
	border-radius: 2px;
	box-shadow: 0 8px 24px rgba(11, 27, 43, 0.24);
}

.mtm-inquiry-notice p {
	margin: 0;
	font-size: var(--wp--preset--font-size--small);
}

.mtm-inquiry-notice--failed {
	background: var(--wp--preset--color--brass-deep);
}