/* =========================================================
 * 询价表单美化（chinatopcable）
 * 2026-09-24 初版（科技蓝） → 2026-09-28 改工业硬朗配色
 * 作用于 CF7 #2459（商品页询价卡 + 询价篮页同一表单）
 * 回滚：删掉本文件 + functions.php 里对它的 enqueue
 * ======================================================= */

/* ---- 商品页：表单外层卡片（圆角 16 → 3，工业近直角） ---- */
.ctc-inq-card{
	background:#fff;
	border:1px solid var(--ctc-line,#d3d8de);
	border-radius:3px;
	padding:26px 28px 22px;
	margin:26px 0;
	box-shadow:0 8px 26px rgba(26,30,35,.08);
}
.ctc-inq-head{
	margin:0 0 20px;
	padding-bottom:16px;
	border-bottom:1px dashed var(--ctc-line,#d3d8de);
}
.ctc-inq-head h3{
	margin:0 0 6px;
	font-size:22px;
	line-height:1.3;
	font-weight:700;
	color:var(--ctc-ink,#1d2329);
	letter-spacing:-.2px;
}
.ctc-inq-head p{
	margin:0;
	font-size:14px;
	line-height:1.6;
	color:var(--ctc-muted,#4a5460);
}

/* ---- 表单骨架：Name / Email 两列 ---- */
.ctc-inq-grid{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:14px;
}
.ctc-inq p{ margin:0 0 14px; }
.ctc-inq-grid p{ margin:0; }

/* ---- 标签 ---- */
.ctc-inq-label{
	display:block;
	margin-bottom:6px;
	font-size:13px;
	font-weight:600;
	color:var(--ctc-ink,#1d2329);
	letter-spacing:.1px;
}
.ctc-inq-label i{
	color:var(--ctc-orange,#ff6a13);
	font-style:normal;
	margin-left:2px;
}

/* ---- 控件 ---- */
.ctc-inq .wpcf7-form-control-wrap{ display:block; }
.ctc-inq input[type="text"],
.ctc-inq input[type="email"],
.ctc-inq textarea{
	width:100%;
	box-sizing:border-box;
	padding:11px 14px;
	border:1px solid #d3d8de;
	border-radius:3px;
	background:#fff;
	font-size:14px;
	line-height:1.5;
	color:#1d2329;
	transition:border-color .18s, box-shadow .18s, background .18s;
}
.ctc-inq textarea{ min-height:104px; resize:vertical; }
.ctc-inq input[type="text"]:hover,
.ctc-inq input[type="email"]:hover,
.ctc-inq textarea:hover{ border-color:#b9c2cc; }
.ctc-inq input[type="text"]:focus,
.ctc-inq input[type="email"]:focus,
.ctc-inq textarea:focus{
	outline:0;
	background:#fff;
	border-color:var(--ctc-orange,#ff6a13);
	box-shadow:0 0 0 3px rgba(255,106,19,.18);
}
.ctc-inq input::placeholder,
.ctc-inq textarea::placeholder{ color:#68737f; }

/* ---- 校验错误态 ---- */
.ctc-inq .wpcf7-not-valid-tip{
	display:block;
	margin-top:6px;
	font-size:12px;
	color:#c0392b;
}
.ctc-inq input.wpcf7-not-valid,
.ctc-inq textarea.wpcf7-not-valid{ border-color:#c0392b; }

/* ---- 验证码区 ---- */
.ctc-inq-foot{
	margin:16px 0 18px;
	display:flex;
	justify-content:center;
}

/* ---- 提交按钮：胶囊 + 蓝渐变 → 直角 + 深橙底白字（2026-09-29） ----
   原为亮橙 #ff6a13 + 深字（橙底深字 5.99:1）；改深橙 #c74a00 + 白字 4.76:1。
   与全站实心 CTA 统一，原因见 ctc-industrial-porto.css 文件头。 */
.ctc-inq-submit{ margin:0; text-align:left; }
.ctc-inq input[type="submit"]{
	display:inline-block;
	padding:13px 38px;
	border:0;
	border-radius:3px;
	background:var(--ctc-cta,#c74a00);
	color:#fff;
	font-size:15px;
	font-weight:700;
	letter-spacing:.3px;
	cursor:pointer;
	box-shadow:0 8px 20px rgba(199,74,0,.26);
	transition:transform .18s, box-shadow .18s, background .18s;
}
.ctc-inq input[type="submit"]:hover{
	background:var(--ctc-cta-hover,#a83e00);
	color:#fff;
	transform:translateY(-1px);
	box-shadow:0 12px 26px rgba(199,74,0,.32);
}
.ctc-inq input[type="submit"]:active{ transform:translateY(0); }
.ctc-inq input[type="submit"]:disabled{ opacity:.6; cursor:not-allowed; }

/* ---- 提交中 / 结果提示 ---- */
.ctc-inq .wpcf7-spinner{ margin:0 0 0 12px; vertical-align:middle; }
.ctc-inq .wpcf7-response-output{
	margin:14px 0 0;
	padding:12px 16px;
	border-radius:3px;
	border-width:1px;
	font-size:14px;
}

/* ---- 窄屏：两列并一列 ---- */
@media (max-width:600px){
	.ctc-inq-card{ padding:20px 18px 18px; }
	.ctc-inq-grid{ grid-template-columns:1fr; }
	.ctc-inq input[type="submit"]{ width:100%; text-align:center; }
}
