/**
 * 屈恩中文企业站辅助样式
 */

/* 顶栏品牌 Logo + 标语 */
.hcn-header-brand {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
}

.hcn-header-logo-link {
	flex: 0 0 auto;
	display: block;
	line-height: 0;
}

.hcn-header-logo {
	display: block;
	height: 48px;
	width: auto;
	max-width: 160px;
	object-fit: contain;
}

.hcn-header-tagline {
	margin: 0;
	flex: 1 1 auto;
	min-width: 0;
	font-size: 12px;
	line-height: 1.5;
	color: rgba(255, 255, 255, 0.82);
	font-weight: 400;
}

.main-header-section .header-logo .wp-block-site-title {
	display: none;
}

/* 顶栏右侧：搜索 + 按钮横排 */
.main-header-section .header-btn-inner.hcn-header-actions,
.main-header-section .hcn-header-actions {
	display: flex !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 10px !important;
	width: 100%;
}

.main-header-section .hcn-header-actions .header-btn {
	margin: 0;
	flex: 0 0 auto;
}

.main-header-section .hcn-header-actions .header-btn .wp-block-button {
	margin: 0;
}

.hcn-header-quote-btn {
	white-space: nowrap;
	padding: 8px 18px !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	border-radius: 4px !important;
}

/* 顶栏产品搜索 */
.hcn-header-product-search {
	margin: 0;
	flex: 0 1 200px;
	min-width: 160px;
	max-width: 220px;
	width: auto;
}

.hcn-header-search-wrap {
	display: flex;
	align-items: center;
	border: 1px solid rgba(255, 255, 255, 0.25);
	border-radius: 4px;
	background: rgba(255, 255, 255, 0.08);
	overflow: hidden;
}

.hcn-header-search-input {
	flex: 1 1 auto;
	min-width: 0;
	border: none;
	background: transparent;
	color: #fff;
	font-size: 14px;
	padding: 8px 10px;
	outline: none;
}

.hcn-header-search-input::placeholder {
	color: rgba(0, 0, 0, 0.45);
}

.hcn-header-search-input::-webkit-input-placeholder {
	color: rgba(0, 0, 0, 0.45);
}

.hcn-header-search-input::-moz-placeholder {
	color: rgba(0, 0, 0, 0.45);
}

.hcn-header-search-input::-ms-input-placeholder {
	color: rgba(0, 0, 0, 0.45);
}

.hcn-header-search-btn {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 47px;
	padding: 0;
	border: none;
	border-left: 1px solid rgba(255, 255, 255, 0.2);
	background: var(--wp--preset--color--primary, #f34f1f);
	cursor: pointer;
}

.hcn-header-search-btn img {
	display: block;
	width: 18px;
	height: 18px;
	object-fit: contain;
}

.hcn-header-search-btn:hover {
	filter: brightness(1.08);
}

.main-header-section .header-btn-box .hcn-header-product-search.header-search {
	width: auto;
	max-width: 220px;
}

/* 新闻侧栏文章搜索 */
.hcn-blog-search {
	margin: 0;
}

.hcn-blog-search-wrap {
	display: flex;
	align-items: stretch;
	border: 1px solid #d0e8f5;
	border-radius: 4px;
	overflow: hidden;
	background: #fff;
}

.hcn-blog-search-input {
	flex: 1 1 auto;
	min-width: 0;
	border: none;
	padding: 10px 12px;
	font-size: 14px;
	outline: none;
}

.hcn-blog-search-btn {
	flex: 0 0 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: none;
	border-left: 1px solid #d0e8f5;
	background: var(--wp--preset--color--primary, #f34f1f);
	cursor: pointer;
}

.hcn-blog-search-btn img {
	display: block;
	width: 16px;
	height: 16px;
	filter: brightness(0) invert(1);
}

@media (max-width: 1100px) {
	.hcn-header-brand {
		flex-direction: column;
		align-items: flex-start;
		gap: 6px;
	}

	.hcn-header-tagline {
		font-size: 11px;
	}
}

@media (max-width: 781px) {
	.main-header-section .hcn-header-actions {
		flex-wrap: wrap !important;
		justify-content: center !important;
	}

	.hcn-header-product-search {
		flex: 1 1 100%;
		max-width: 100%;
	}
}

.hcn-product-search-hint {
	margin: 0 0 1.25rem;
	font-size: 15px;
	color: #475569;
}

.hcn-product-search-hint a {
	color: var(--wp--preset--color--primary, #f34f1f);
}
/* 内页封面（工业风见 hcn-industrial.css） */
.hcn-inner-cover {
	width: 100%;
	margin: 0;
	padding: 0;
}

.hcn-page-main.hcn-ind-page {
	width: 100%;
	max-width: none;
	padding: 0;
	background: var(--hcn-ind-bg, #eef1f5);
}

/* 联系我们 */
.hcn-contact-card {
	height: 100%;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
}

.hcn-contact-form-box {
	background: #fff;
}

.hcn-contact-form label {
	display: block;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 6px;
	color: #334155;
}

.hcn-contact-form label span {
	color: #e11d48;
}

.hcn-contact-form input,
.hcn-contact-form textarea {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid #d0e8f5;
	border-radius: 8px;
	font-size: 15px;
	box-sizing: border-box;
}

.hcn-contact-form textarea {
	resize: vertical;
	min-height: 100px;
}

.hcn-form-submit {
	background: var(--wp--preset--color--primary, #f59e0b);
	color: #fff;
	border: none;
	padding: 12px 28px;
	border-radius: 50px;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
}

.hcn-form-submit:hover {
	opacity: 0.9;
}

.hcn-form-notice {
	padding: 12px 16px;
	border-radius: 8px;
	margin-bottom: 1rem;
	font-size: 14px;
}

.hcn-form-notice--ok {
	background: #ecfdf5;
	color: #047857;
}

.hcn-form-notice--err {
	background: #fef2f2;
	color: #b91c1c;
}

.hcn-map-placeholder {
	margin-top: 1.25rem;
	min-height: 220px;
	background: linear-gradient(145deg, #e8f4fc, #f1f5f9);
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #64748b;
	font-size: 14px;
	text-align: center;
	padding: 1rem;
}

@media (max-width: 781px) {
	.hcn-contact-cards .wp-block-column {
		flex-basis: 100% !important;
	}
}

.hcn-home-product-count {
	font-size: 0.85em;
	font-weight: 600;
	color: var(--wp--preset--color--primary, #f59e0b);
}

.hcn-home-products .team-name a:hover {
	color: var(--wp--preset--color--primary, #f59e0b) !important;
}

.hcn-home-products-more .wp-block-button__link {
	padding: 0.65rem 1.75rem !important;
}

.hcn-zh-section .slider-sub-title,
.hcn-zh-section .slider-title,
.hcn-zh-section .team-sub-title,
.hcn-zh-section .team-section-title,
.hcn-zh-section .about-small-title,
.hcn-zh-section .faq-small-title,
.hcn-zh-section .news-small-title,
.hcn-zh-section .team-name,
.hcn-zh-section .team-designation,
.hcn-zh-section .faq-btm-title summary {
	text-transform: none !important;
}

.hcn-stats-section .hcn-stat-card {
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.hcn-stats-section .hcn-stat-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.hcn-home-main {
	overflow-x: hidden;
}

body {
	font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans SC", sans-serif;
}

.header-title a {
	letter-spacing: 0.02em;
}

/* 产品中心 */
.hcn-cat-filter {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
	margin: 0 0 2rem;
}

.hcn-cat-pill {
	display: inline-block;
	padding: 0.45rem 1rem;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	border-radius: 4px;
	border: 1px solid var(--wp--preset--color--primary, #0d3d6b);
	color: var(--wp--preset--color--primary, #0d3d6b);
	background: #fff;
	transition: all 0.2s ease;
}

.hcn-cat-pill:hover,
.hcn-cat-pill.is-active {
	background: var(--wp--preset--color--primary, #0d3d6b);
	color: #fff;
}

.hcn-product-card-wrap {
	height: 100%;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.hcn-product-card-wrap:hover {
	transform: translateY(-4px);
}

.hcn-product-card-wrap .wp-block-post-featured-image img {
	object-fit: cover;
	width: 100%;
}

.hcn-product-model-line {
	font-size: 13px;
	color: #5c6b7a;
	margin: 0 0 0.5rem;
}

.hcn-product-cat-terms a {
	font-size: 13px;
	text-decoration: none;
}

.hcn-products-archive-cta .wp-block-button__link {
	text-transform: none;
}

/* 产品详情 */
.hcn-product-meta-box {
	background: #f0f2f5;
	border-radius: 12px;
	padding: 1.25rem 1.5rem;
	margin-bottom: 1.5rem;
}

.hcn-product-meta-title {
	margin: 0 0 1rem;
	font-size: 18px;
	font-weight: 700;
	color: var(--wp--preset--color--primary, #0d3d6b);
}

.hcn-product-meta-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
}

.hcn-product-meta-table th {
	text-align: left;
	width: 28%;
	padding: 0.5rem 0.75rem 0.5rem 0;
	color: #5c6b7a;
	font-weight: 600;
	vertical-align: top;
}

.hcn-product-meta-table td {
	padding: 0.5rem 0;
	line-height: 1.6;
}

.hcn-product-cta-btn,
.hcn-sidebar-cta {
	display: inline-block;
	margin-top: 1rem;
	padding: 0.6rem 1.25rem;
	background: var(--wp--preset--color--primary, #e85d04);
	color: #fff !important;
	text-decoration: none;
	border-radius: 4px;
	font-weight: 600;
	font-size: 14px;
}

.hcn-product-cta {
	text-align: center;
	padding: 2rem;
	margin-top: 2rem;
	background: #f0f2f5;
	border-radius: 12px;
}

.hcn-product-cta p {
	margin: 0 0 1rem;
	font-size: 16px;
}

.hcn-product-cta-link {
	display: inline-block;
	margin-left: 1rem;
	color: var(--wp--preset--color--primary, #0d3d6b);
	text-decoration: none;
}

.hcn-related-products {
	margin-top: 2.5rem;
}

.hcn-related-title {
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 1.25rem;
}

.hcn-related-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1.25rem;
}

.hcn-related-grid[data-count="1"] {
	grid-template-columns: repeat(1, minmax(0, 280px));
}

.hcn-related-grid[data-count="2"] {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.hcn-related-grid[data-count="3"] {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.hcn-related-card {
	display: block;
	text-decoration: none;
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
	transition: transform 0.2s ease;
}

.hcn-related-card:hover {
	transform: translateY(-3px);
}

.hcn-related-card img {
	width: 100%;
	height: 160px;
	object-fit: cover;
	display: block;
}

.hcn-related-name {
	display: block;
	padding: 0.75rem 1rem 0.25rem;
	font-weight: 700;
	font-size: 15px;
	color: #2c3e50;
}

.hcn-related-model {
	display: block;
	padding: 0 1rem 0.75rem;
	font-size: 13px;
	color: #5c6b7a;
}

.hcn-product-single .wp-block-post-title {
	color: var(--wp--preset--color--primary, #0d3d6b);
}

@media (max-width: 1024px) {
	.hcn-related-grid,
	.hcn-related-grid[data-count="2"],
	.hcn-related-grid[data-count="3"] {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 781px) {
	.hcn-product-single .wp-block-columns {
		flex-direction: column;
	}

	.hcn-related-grid,
	.hcn-related-grid[data-count="1"],
	.hcn-related-grid[data-count="2"],
	.hcn-related-grid[data-count="3"] {
		grid-template-columns: 1fr;
	}
}

/* 产品页 / 移动端导航菜单展开（备用交互） */
@media screen and (max-width: 999px) {
	.main-header-section .wp-block-navigation__responsive-container.is-menu-open {
		display: block !important;
		position: fixed !important;
		inset: 0 !important;
		z-index: 100000 !important;
		background-color: rgba(0, 0, 0, 0.92) !important;
		overflow-y: auto !important;
	}

	.main-header-section .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
		display: block !important;
		padding-top: calc(2rem + 60px) !important;
		margin-left: 0 !important;
	}

	html.hcn-nav-menu-open {
		overflow: hidden;
	}
}
