/*
Theme Name: Boxee DHP
Theme URI: http://1323.zm/
Author: XQY Packaging
Description: WordPress theme converted from static Boxee HTML. All text, images, products and settings are editable in the admin (外观 → 主题设置 / 产品 / 页面).
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: boxee
*/

/* Theme chrome helpers only — layout CSS lives in static/css/ */
.boxee-admin-hint { display: none; }
.mod-send01 .send-buttom button {
	display: inline-block;
	cursor: pointer;
	border: 0;
	background: var(--main, #172B46);
	color: #fff;
	padding: 10px 28px;
	font-size: 16px;
}
.mod-send01 .send { margin: 0; }

/* Footer link color — anchors do not inherit reliably */
.mod-footerhtml01 .item a { color: #eee; }
.mod-footerhtml01 .item a:hover { color: var(--deputy, #5f5f5f); }
.mod-footerhtml01 .item p { color: #eee; }

/* Blog detail — match original layout-sys2 + article typography */
.page-box-blogdetail .layout-page-xf .layout-bg {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: flex-start;
}
.page-box-bloglist .layout-page-xf .layout-bg,
.page-box-faq .layout-page-xf .layout-bg,
.page-box-newslist .layout-bg {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: flex-start;
}
.mod-blog-group01 .group-tabs { list-style: none; margin: 0; padding: 0; }
.mod-blog-group01 .group-tab { margin: 0 0 8px; }
.mod-blog-group01 .group-link {
	display: block;
	padding: 8px 12px;
	background: #f4f4f4;
	color: #333;
	border-radius: 4px;
}
.mod-blog-group01 .group-link:hover { background: var(--main, #172B46); color: #fff; }
.mod-blog-detail01 .detail-time {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	padding: 8px 0 16px;
	border-bottom: 1px solid #eee;
	margin-bottom: 16px;
}
.mod-blog-detail01 .blog-time { color: #888; font-size: 13px; }
.mod-blog-detail01 .mod-title-blog-detail .title-left h1 {
	font-size: calc(0.8vw + 22px);
	line-height: 1.35;
	color: var(--main, #172B46);
	font-weight: 600;
}
.blog-detail-body,
.blog-detail-body.blog-detail-p4fx9k {
	color: #333;
	font-size: 16px;
	line-height: 1.75;
}
.blog-detail-body h2 { color: #172B46; font-size: 26px; line-height: 1.35; margin: 38px 0 14px; }
.blog-detail-body h3 { color: #172B46; font-size: 19px; margin: 22px 0 8px; }
.blog-detail-body p { margin: 0 0 14px; }
.blog-detail-body ul,
.blog-detail-body ol { margin: 0 0 16px 22px; }
.blog-detail-body li { margin: 0 0 8px; }
.blog-detail-body figure,
.blog-detail-body .blog-featured { margin: 24px auto; text-align: center; }
.blog-detail-body img { max-width: 100%; height: auto; border-radius: 10px; display: block; margin: 0 auto; }
.blog-detail-body a { color: #0b57d0; text-decoration: underline; }
.blog-detail-body a:hover { color: #172B46; }
@media (max-width: 768px) {
	.page-box-blogdetail .layout-page-xf .left,
	.page-box-blogdetail .layout-page-xf .right { width: 100%; }
}

/* Brand palette: navy #172B46 + gold accent #C5A15A (lines / icons / small button trim) */
:root {
	--main: #172B46;
	--gold: #C5A15A;
	--deputy: #5f5f5f;
}

.layout-nav {
	background: #172B46;
	border-bottom: 2px solid var(--gold);
}
.layout-foot {
	background: #172B46;
	border-top: 2px solid var(--gold);
}
.layout-bottom { border-top: 1px solid var(--gold); }

.top-logo {
	box-shadow: none;
}
.mod-top01 .top-logo img,
.layout-nav.fixed .mod-top01 .top-logo img {
	filter: none;
	max-height: 64px;
}

.mod-othercontent01-titlecenter .mod-title h2,
.mod-othercontent01-title .mod-title h2,
.mod-title-blog-detail h1,
.layout-manuOne-sc6gi .mod-title h2 {
	color: #172B46;
}
.layout-need .mod-othercontent01 .mod-title h2,
.layout-need .mod-othercontent01 .mod-title,
.layout-banner .mod-title h1,
.layout-banner .mod-title h2,
.layout-foot .mod-title h2,
.layout-foot h2,
.layout-foot h3 {
	color: #fff;
}
.mod-othercontent01-titlecenter .mod-title .title-left h2::after,
.mod-title-blog-detail h1::after {
	content: "";
	display: block;
	width: 48px;
	height: 2px;
	margin-top: 10px;
	background: var(--gold);
}

.layout-review .mod-othercontent01 .text:after,
.mod-share01 a,
.layout-need .mod-othercontent01 .img a:after {
	color: var(--gold) !important;
}

.mod-othercontent01-titlecenter .mod-bottom a,
.mod-othercontent01-title .mod-bottom a,
.layout-solu .mod-othercontent01 .text a,
.layout-pagetop .mod-othercontent01-white .text a,
.mod-send01 .send-buttom button,
.mod-tophtml01 .text a {
	background: #172B46;
	color: #fff;
	box-shadow: inset 0 -2px 0 var(--gold);
}
.mod-othercontent01-titlecenter .mod-bottom a:hover,
.layout-solu .mod-othercontent01 .text a:hover,
.mod-tophtml01 .text a:hover {
	background: #172B46;
	color: var(--gold);
}

/* Factory stats: original white cards + gold figures only (no navy panel wrap) */
.layout-manuOne-sc6gi .mod-othercontent01:has(.desc) {
	background: transparent !important;
	padding: 0 !important;
	border-radius: 0 !important;
}
.layout-manuOne-sc6gi .mod-othercontent01 .desc {
	background: #fff;
	border: none;
	box-shadow: none;
}
.layout-manuOne-sc6gi .mod-othercontent01 .desc span,
.layout-manuOne-sc6gi .mod-othercontent01 .desc o,
.layout-manuOne-sc6gi .mod-othercontent01 .desc sup {
	color: var(--gold);
}
.layout-manuOne-sc6gi .mod-othercontent01 .desc span {
	white-space: nowrap;
	flex-wrap: nowrap;
}
.layout-manuOne-sc6gi .mod-othercontent01 .desc p {
	color: #172B46;
}

.layout-aboutFive-wq70l .mod-title h2,
.layout-aboutFour .mod-title h2 {
	color: #172B46;
}

/* FAQ / list archives: keep two columns like original layout-page */
.page-box-faq .layout-page .layout-bg,
.page-box-faqsdetail .layout-page .layout-bg {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: flex-start;
}
@media (max-width: 768px) {
	.page-box-faq .layout-page .layout-bg > .left,
	.page-box-faq .layout-page .layout-bg > .right {
		width: 100%;
	}
}

/* Product detail — gallery + attrs without breaking original mod chrome */
.page-box-productsdesc .layout-page-xf .layout-bg {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: flex-start;
}

/* Product detail Industries sidebar */
.page-box-productsdesc .mod-categories01 .mod-title h3 {
	color: #172B46;
	font-size: 20px;
	font-weight: 600;
	margin: 0;
	padding: 0 0 12px;
	border-bottom: 2px solid #C5A15A;
	display: inline-block;
}
.page-box-productsdesc .mod-categories01 .mod-title .title-bg {
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 6px;
}
.page-box-productsdesc .mod-categories01 .categories-tabs,
.page-box-productsdesc .mod-categories01 .categories-tabs ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.page-box-productsdesc .mod-categories01 .categories-tabs > li {
	margin: 0;
	padding: 0;
}
.page-box-productsdesc .mod-categories01 .categories-tabs a {
	display: block;
	padding: 14px 4px;
	color: #263548;
	font-size: 15px;
	line-height: 1.45;
	text-decoration: none !important;
	border-bottom: 1px solid #eef2f6;
	transition: color .2s ease, padding-left .2s ease;
}
.page-box-productsdesc .mod-categories01 .categories-tabs a:hover,
.page-box-productsdesc .mod-categories01 .categories-tabs .current-cat > a,
.page-box-productsdesc .mod-categories01 .categories-tabs .current-cat-parent > a {
	color: #C5A15A;
	text-decoration: none !important;
}
.page-box-productsdesc .mod-categories01 .categories-tabs .children {
	margin: 0;
	padding: 0 0 0 14px;
}
.page-box-productsdesc .mod-categories01 .categories-tabs .children a {
	padding: 11px 4px;
	font-size: 14px;
	color: #617386;
	border-bottom-color: #f3f5f7;
}
.page-box-productsdesc .mod-categories01 .mod-bottom {
	margin-top: 22px;
	padding: 22px 18px;
	background: #172B46;
	border-radius: 6px;
	box-shadow: inset 0 -2px 0 #C5A15A;
}
.page-box-productsdesc .mod-categories01 .mod-bottom h3 {
	margin: 0 0 10px;
	padding: 0;
	color: #fff;
	font-size: 16px;
	line-height: 1.4;
	font-weight: 600;
	border: 0;
}
.page-box-productsdesc .mod-categories01 .bottom-left-span {
	display: block;
	margin: 0 0 16px;
	color: rgba(255,255,255,.82);
	font-size: 13px;
	line-height: 1.6;
}
.page-box-productsdesc .mod-categories01 .bottom-right a {
	display: inline-block;
	padding: 10px 18px;
	background: #C5A15A;
	color: #fff !important;
	text-decoration: none !important;
	border-radius: 4px;
	font-size: 13px;
	font-weight: 600;
}
.page-box-productsdesc .mod-categories01 .bottom-right a:hover {
	background: #b8924d;
}
.boxee-pro-top {
	display: flex;
	flex-wrap: wrap;
	gap: 28px;
	align-items: flex-start;
	margin-bottom: 28px;
}
.boxee-pro-imgs { flex: 1 1 360px; max-width: 520px; }
.boxee-pro-main { position: relative; border: 1px solid #eee; background: #fafafa; }
.boxee-pro-main img { width: 100%; height: auto; display: block; }
.boxee-pro-nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 36px;
	height: 36px;
	border: 0;
	border-radius: 50%;
	background: rgba(23, 43, 70, .72);
	color: #fff;
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
	z-index: 2;
}
.boxee-pro-prev { left: 10px; }
.boxee-pro-next { right: 10px; }
.boxee-pro-nav:hover { background: #C5A15A; }
.boxee-pro-imgs .img-page {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 10px;
}
.boxee-pro-imgs .img-page .page {
	width: 72px;
	height: 72px;
	border: 1px solid #ddd;
	overflow: hidden;
	cursor: pointer;
	opacity: .85;
}
.boxee-pro-imgs .img-page .page.on,
.boxee-pro-imgs .img-page .page:hover { border-color: var(--main, #172B46); opacity: 1; }
.boxee-pro-imgs .img-page .page img { width: 100%; height: 100%; object-fit: cover; display: block; }
.boxee-pro-info { flex: 1 1 280px; min-width: 240px; }
.boxee-pro-info .pro-name {
	color: #172B46;
	font-size: calc(0.4vw + 20px);
	line-height: 1.35;
	margin: 0 0 10px;
	font-weight: 600;
}
.boxee-pro-sub { color: #617386; margin: 0 0 16px; }
.boxee-pro-attrs { list-style: none; margin: 0 0 20px; padding: 0; }
.boxee-pro-attrs li {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	padding: 10px 0;
	border-bottom: 1px dashed #ccc;
	font-size: 15px;
	color: #263548;
}
.boxee-pro-attrs li span { color: #617386; flex: 0 0 36%; }
.boxee-pro-attrs li em { font-style: normal; text-align: right; flex: 1; }
.boxee-pro-quote {
	display: inline-block;
	background: var(--main, #172B46);
	color: #fff !important;
	padding: 12px 28px;
	text-decoration: none;
	border-radius: 4px;
	box-shadow: inset 0 -2px 0 #C5A15A;
}
.mod-productdetail01 .desc-card { margin-top: 10px; }
.mod-productdetail01 .desc-card-titles { display: flex; gap: 8px; margin-bottom: 12px; border-bottom: 1px solid #e6e6e6; }
.mod-productdetail01 .desc-card-title a {
	display: block;
	padding: 10px 16px;
	color: #617386;
	border-bottom: 2px solid transparent;
}
.mod-productdetail01 .desc-card-title.on a {
	color: #172B46;
	font-weight: 600;
	border-bottom-color: #C5A15A;
}
.layout-product-faq {
	padding: 10px 0 10px;
}
.layout-product-order {
	padding: 10px 0 calc(2% + 28px);
}
.boxee-pro-order {
	width: 100%;
	box-sizing: border-box;
}
.boxee-pro-order .desc-card-titles {
	display: flex;
	gap: 8px;
	margin: 0 0 14px;
	border-bottom: 1px solid #e6e6e6;
}
.boxee-pro-order .desc-card-title a {
	display: block;
	padding: 10px 16px;
	color: #617386;
	border-bottom: 2px solid transparent;
	text-decoration: none;
}
.boxee-pro-order .desc-card-title.on a {
	color: #172B46;
	font-weight: 600;
	border-bottom-color: #C5A15A;
}
.page-box .boxee-pro-order-intro {
	margin: 0 0 22px;
	padding: 0 4px;
	color: #617386;
	font-size: 15px;
	line-height: 1.7;
}
.page-box .boxee-pro-order-ok,
.page-box .boxee-pro-order-err {
	margin: 0 0 16px;
	padding: 12px 14px;
	border-radius: 4px;
	font-size: 15px;
}
.page-box .boxee-pro-order-ok {
	background: #edf7f0;
	color: #2f6b45;
}
.page-box .boxee-pro-order-err {
	background: #fdeeee;
	color: #a33;
}
.page-box .boxee-pro-order-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 18px 20px;
}
.page-box .boxee-pro-order-field {
	display: block;
	margin: 0;
	padding: 0;
}
.page-box .boxee-pro-order-field-full {
	grid-column: 1 / -1;
}
.page-box .boxee-pro-order-field > span {
	display: block;
	margin: 0 0 8px;
	padding: 0;
	color: #172B46;
	font-size: 14px;
	font-weight: 600;
}
.page-box .boxee-pro-order-field input,
.page-box .boxee-pro-order-field textarea {
	width: 100%;
	box-sizing: border-box;
	margin: 0 !important;
	padding: 12px 14px !important;
	border: 1px solid #d7dee6 !important;
	border-radius: 4px;
	background: #fff !important;
	color: #263548;
	font-size: 15px;
	line-height: 1.5;
}
.page-box .boxee-pro-order-field input:focus,
.page-box .boxee-pro-order-field textarea:focus {
	border-color: #C5A15A !important;
	outline: none;
}
.page-box .boxee-pro-order-field textarea {
	min-height: 140px;
	resize: vertical;
}
.page-box .boxee-pro-order-actions {
	margin-top: 22px;
	padding: 0;
}
.page-box .boxee-pro-order button.boxee-pro-order-submit {
	display: inline-block;
	padding: 14px 32px !important;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 4px;
	background: #172B46 !important;
	color: #fff !important;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	box-shadow: inset 0 -2px 0 #C5A15A;
	opacity: 1 !important;
}
.page-box .boxee-pro-order button.boxee-pro-order-submit:hover {
	background: #1f3a5c !important;
	opacity: 1 !important;
}
@media (max-width: 768px) {
	.page-box .boxee-pro-order-grid {
		grid-template-columns: 1fr;
	}
}
.boxee-pro-faq {
	width: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
.boxee-pro-faq .desc-card-titles {
	display: flex;
	gap: 8px;
	margin: 0 0 18px;
	border-bottom: 1px solid #e6e6e6;
}
.boxee-pro-faq .desc-card-title a {
	display: block;
	padding: 10px 16px;
	color: #617386;
	border-bottom: 2px solid transparent;
	text-decoration: none;
}
.boxee-pro-faq .desc-card-title.on a {
	color: #172B46;
	font-weight: 600;
	border-bottom-color: #C5A15A;
}
.page-box .boxee-pro-faq-list {
	width: 100%;
}
.page-box .boxee-pro-faq-item {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	border-bottom: 1px solid #e6e6e6;
}
.page-box .boxee-pro-faq-item:last-child {
	border-bottom: 0;
}
/* Beat theme reset: .page-box button{padding:0} */
.page-box .boxee-pro-faq button.boxee-pro-faq-q {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 32px 4px !important;
	margin: 0 !important;
	border: 0 !important;
	background: transparent !important;
	color: #172B46;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.55;
	text-align: left;
	cursor: pointer;
	opacity: 1 !important;
}
.page-box .boxee-pro-faq button.boxee-pro-faq-q:hover {
	color: #C5A15A;
	opacity: 1 !important;
}
.page-box .boxee-pro-faq-item.open button.boxee-pro-faq-q {
	padding: 32px 4px 12px !important;
	color: #172B46;
}
.page-box .boxee-pro-faq-q span {
	flex: 1;
	min-width: 0;
	padding: 0;
	margin: 0;
}
.page-box .boxee-pro-faq-icon {
	flex: 0 0 18px;
	width: 18px;
	height: 18px;
	position: relative;
	padding: 0;
	margin: 0;
}
.page-box .boxee-pro-faq-icon::before,
.page-box .boxee-pro-faq-icon::after {
	content: '';
	position: absolute;
	background: #C5A15A;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: opacity .2s ease, transform .2s ease;
}
.page-box .boxee-pro-faq-icon::before { width: 12px; height: 2px; }
.page-box .boxee-pro-faq-icon::after { width: 2px; height: 12px; }
.page-box .boxee-pro-faq-item.open .boxee-pro-faq-icon::after {
	opacity: 0;
	transform: translate(-50%, -50%) rotate(90deg);
}
.page-box .boxee-pro-faq-a {
	display: none;
	padding: 8px 36px 32px 4px !important;
	margin: 0 !important;
	color: #617386;
	font-size: 15px;
	line-height: 1.85;
	background: transparent;
}
@media (max-width: 768px) {
	.page-box-productsdesc .layout-page-xf .layout-bg > .left,
	.page-box-productsdesc .layout-page-xf .layout-bg > .right { width: 100%; }
}

.boxee-mods { padding: 28px 0 40px; }
.boxee-mod-view { background:#fff; border-radius:8px; padding:28px 24px; margin:0 0 16px; }
.boxee-mod-view h2 { color:#172B46; font-size:28px; line-height:1.3; margin:0 0 10px; }
.boxee-mod-sub { color:#C5A15A; font-size:16px; margin:0 0 12px; }
.boxee-mod-body { color:#263548; font-size:15px; line-height:1.7; }
.boxee-mod-img img { max-width:100%; height:auto; }
.boxee-mod-media_text { display:grid; grid-template-columns: minmax(180px, 320px) 1fr; gap:24px; align-items:start; }
.boxee-mod-list { margin:0; padding-left:18px; }
.boxee-mod-list li { margin:0 0 8px; }
.boxee-mod-cards { display:grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap:16px; }
.boxee-mod-card { border:1px solid #e6e6e6; border-radius:8px; padding:16px; }
.boxee-mod-card img { width:100%; height:140px; object-fit:cover; }
.boxee-mod-card h3 { color:#172B46; margin:10px 0 6px; font-size:18px; }
.boxee-mod-btns { display:flex; flex-wrap:wrap; gap:10px; }
.boxee-mod-btn { display:inline-block; background:#172B46; color:#fff; padding:10px 18px; border-radius:4px; box-shadow: inset 0 -2px 0 #C5A15A; }
@media (max-width: 700px) {
	.boxee-mod-media_text { grid-template-columns: 1fr; }
}

/* Cookie consent — secondary buttons were white-on-white */
.bottom-popups .cookies-consent-banner .btn {
	background: transparent !important;
	color: #fff !important;
	border: 1px solid #fff !important;
}
.bottom-popups .cookies-consent-banner .btn-accept-all {
	background: #172B46 !important;
	color: #fff !important;
	border: 1px solid var(--gold) !important;
	box-shadow: inset 0 -2px 0 var(--gold);
}
.bottom-popups .cookies-consent-banner .btn:hover {
	background: #172B46 !important;
	color: #fff !important;
	border-color: var(--gold) !important;
}

/* Homepage Material Options tabs */
.layout-boxee-materials {
	padding: calc(2% + 24px) 0;
	background: #f5f5f5;
}
.layout-boxee-materials .mod-title h2 {
	color: #172B46;
	font-weight: 700;
}
.boxee-mat-tabs {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px 12px;
	margin: 8px 0 28px;
}
.boxee-mat-tab {
	appearance: none;
	border: 0;
	cursor: pointer;
	border-radius: 999px;
	padding: 11px 20px;
	font-size: 14px;
	line-height: 1.2;
	font-weight: 600;
	background: #111;
	color: #fff;
	transition: background .2s ease, color .2s ease, box-shadow .2s ease;
}
.boxee-mat-tab:hover {
	background: #333;
}
.boxee-mat-tab.is-active {
	background: #fff;
	color: #111;
	box-shadow: 0 0 0 1px #ddd;
}
.layout-partner-g30ex .swiper-button-prev,
.layout-partner-g30ex .swiper-button-next {
	display: flex !important;
}
.boxee-mat-panel {
	display: none;
}
.boxee-mat-panel.is-active {
	display: block;
}
.boxee-mat-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 28px 22px;
}
.boxee-mat-img {
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: #e9e9e9;
	margin-bottom: 14px;
}
.boxee-mat-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.boxee-mat-card h3 {
	margin: 0 0 8px;
	color: #172B46;
	font-size: 18px;
	line-height: 1.35;
	font-weight: 700;
}
.boxee-mat-card p {
	margin: 0;
	color: #5a6573;
	font-size: 14px;
	line-height: 1.55;
}
@media (max-width: 1024px) {
	.boxee-mat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
	.boxee-mat-grid { grid-template-columns: 1fr; }
	.boxee-mat-tab { font-size: 13px; padding: 9px 14px; }
}