/*
Theme Name: ChemequipSource
Theme URI: https://chemequipsource.com/
Author: ChemequipSource
Author URI: https://chemequipsource.com/
Description: Classic theme for industrial processing equipment and project sourcing. Visual system is carried over from the Industris template as temporary scaffolding and is being replaced piece by piece.
Version: 0.2.0
Requires at least: 6.7
Tested up to: 7.1
Requires PHP: 8.1
License: Proprietary
Text Domain: chemequipsource
Tags: classic-theme, custom-menu, custom-logo, featured-images, translation-ready
*/

/* =========================================================================
   品牌 token
   -------------------------------------------------------------------------
   这些变量目前只是记录设计系统的取值；Industris 的 CSS 仍是硬编码颜色。
   新增的自定义样式一律引用变量，不要写死色值，便于以后整体换肤。
   ========================================================================= */
:root {
	--ces-navy: #03132b;
	--ces-yellow: #ffd100;
	--ces-steel: #707070;
	--ces-mist: #f2f4f6;

	--ces-font-body: "Roboto", Helvetica, Arial, sans-serif;
	--ces-font-heading: "Raleway", Helvetica, Arial, sans-serif;
}

/* =========================================================================
   覆盖层
   -------------------------------------------------------------------------
   本文件在 assets/css/industris.css 之后加载，只放针对性修正，
   不要把 Industris 的整段样式抄过来 —— 那是需要逐步删除的临时代码。
   ========================================================================= */

/* 占位图（内联 SVG data-URI）在栅格里的表现：撑满宽度但不溢出 */
img[src^="data:image/svg+xml"] {
	display: block;
	max-width: 100%;
	height: auto;
}

/* 后台编辑的正文内容里，WP 核心对齐类需要基本可用 */
.alignleft {
	float: left;
	margin: 0 1.5em 1em 0;
}

.alignright {
	float: right;
	margin: 0 0 1em 1.5em;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* 屏幕阅读器专用文本（WP 核心 .screen-reader-text 的经典主题版本） */
.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* =========================================================================
   询价表单
   -------------------------------------------------------------------------
   ces_render_inquiry_form() 的输出由 ces-core 提供，是无样式的语义化标记。
   把它套进 Industris 的 .home-form 容器，即可复用既有的输入框底色
   （industris.css L3009: .home-form input { background-color: #f2f4f6 }），
   这里只补布局与按钮，不重复定义颜色。
   ========================================================================= */
.home-form .ces-inquiry-form {
	display: flex;
	flex-wrap: wrap;
	gap: 0 20px;
}

/* 直接子 div 是字段组；隐藏域与蜜罐不是 div，不受影响 */
.home-form .ces-inquiry-form > div {
	flex: 1 1 calc(50% - 10px);
	min-width: 240px;
	margin-bottom: 20px;
}

.home-form .ces-inquiry-form > div.ces-inquiry-form__full {
	flex-basis: 100%;
}

.home-form .ces-inquiry-form label {
	display: block;
	margin-bottom: 6px;
}

.home-form .ces-inquiry-form input[type="text"],
.home-form .ces-inquiry-form input[type="email"],
.home-form .ces-inquiry-form textarea {
	width: 100%;
	padding: 10px 14px;
	border: 1px solid #dfe3e8;
}

.home-form .ces-inquiry-form button[type="submit"] {
	background-color: var(--ces-yellow);
	color: #272023;
	border: 0;
	padding: 12px 34px;
	cursor: pointer;
}

/* 提交成功 / 失败的提示条 */
.home-form .wp-block-group {
	padding: 16px 20px;
	margin-bottom: 24px;
	background-color: var(--ces-mist);
	border-left: 4px solid var(--ces-yellow);
}

.home-form .wp-block-group p {
	margin: 0;
}