/*
 * 商品頁「訂製須知＋延伸閱讀」與商品總覽頁介紹（inc/seo-product-hub.php）
 * 2026-10-03 建立。顏色、字距、方角按鈕沿用網站既有的「馬上諮詢」按鈕與描述區樣式。
 */

.mori-hub {
	margin-top: 60px;
	color: #393939;
	letter-spacing: 0.08em;
}

/* 商品頁的區塊在描述分頁外面，寬度與左右留白對齊 Blocksy 的版心（手機 88vw、最寬 1290px） */
.single-product .mori-hub {
	width: var(--theme-container-width, 88vw);
	max-width: var(--theme-normal-container-max-width, 1290px);
	margin-left: auto;
	margin-right: auto;
}

.mori-hub__box {
	background: #f5f2ec;
	padding: 36px 40px;
	margin-bottom: 48px;
}

.mori-hub__title {
	margin: 0 0 20px;
	font-size: 22px;
	line-height: 1.5;
	font-weight: 700;
	color: #878d92;
	letter-spacing: 0.08em;
}

.mori-hub__facts {
	list-style: none;
	margin: 0 0 28px;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px 40px;
}

.mori-hub__facts li {
	margin: 0;
	line-height: 1.8;
}

.mori-hub__facts strong {
	display: block;
	font-weight: 700;
	color: #393939;
}

.mori-hub__facts span {
	display: block;
	overflow-wrap: anywhere;
}

.mori-hub__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 16px;
}

.mori-hub__btn,
.mori-hub__btn.button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 5px 24px;
	border-radius: 0;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-decoration: none;
}

.mori-hub__btn--ghost {
	border: 1px solid #d5c9b6;
	background: transparent;
	color: #393939;
}

.mori-hub__btn--ghost:hover {
	background: #d5c9b6;
	color: #393939;
}

.mori-hub__link {
	color: #393939;
	text-decoration: underline;
	text-underline-offset: 4px;
}

.mori-hub__reading {
	list-style: none;
	margin: 0 0 28px;
	padding: 0;
	border-top: 1px solid #e5e0d8;
}

.mori-hub__reading li {
	margin: 0;
	border-bottom: 1px solid #e5e0d8;
}

.mori-hub__reading a {
	display: block;
	padding: 14px 0;
	color: #393939;
	line-height: 1.7;
	text-decoration: none;
}

.mori-hub__reading a:hover {
	color: #878d92;
}

.mori-hub__more {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 24px;
	margin: 0;
}

.mori-hub__more a {
	color: #393939;
	text-decoration: underline;
	text-underline-offset: 4px;
}

/* 商品總覽頁 */
.mori-shop-lead {
	margin: 0 0 32px;
	color: #393939;
	line-height: 1.8;
	letter-spacing: 0.08em;
}

.mori-hub--shop {
	margin-top: 64px;
}

.mori-hub__types {
	list-style: none;
	margin: 0 0 48px;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 40px;
	border-top: 1px solid #e5e0d8;
}

.mori-hub__types li {
	margin: 0;
	padding: 14px 0;
	border-bottom: 1px solid #e5e0d8;
	line-height: 1.7;
}

.mori-hub__types a {
	display: block;
	font-weight: 700;
	color: #393939;
	text-decoration: none;
}

.mori-hub__types a:hover {
	color: #878d92;
}

.mori-hub__types span {
	display: block;
	overflow-wrap: anywhere;
}

@media (max-width: 689.98px) {
	.mori-hub {
		margin-top: 40px;
	}

	.mori-hub__box {
		padding: 28px 20px;
	}

	.mori-hub__title {
		font-size: 19px;
	}

	.mori-hub__facts,
	.mori-hub__types {
		grid-template-columns: minmax(0, 1fr);
	}

	.mori-hub__btn,
	.mori-hub__btn.button {
		flex: 1 1 100%;
	}
}