/*
Theme Name:   GeneratePress Child
Description:  7s1688 子主題 — GEO/SEO 優化用
Template:     generatepress
Version:      1.0.0
Requires at least: 6.5
Requires PHP: 7.4
Text Domain:  generatepress-child
*/

/* 文章單頁：標題下方作者／更新日期 */
.s7-post-byline {
	margin-bottom: 1.5rem;
}
.s7-post-byline p {
	margin: 0 0 .25rem;
	font-size: .75rem;
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: var(--contrast-3);
}
.s7-post-byline p:last-child {
	margin-bottom: 0;
}

/* 文章列表卡片：特色圖片下方，作者 · 更新日期 */
.s7-card-byline {
	text-align: center;
	font-size: .75rem;
	color: var(--contrast-3);
	margin-top: .5rem;
}

/* 文章末尾：相關文章／延伸閱讀區塊 */
.s7-related-articles,
.s7-further-reading {
	margin-top: 2.5rem;
	padding-top: 1.5rem;
	border-top: 1px solid var(--base-2);
}
.s7-related-articles h3,
.s7-further-reading h3 {
	font-size: .875rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	color: var(--contrast-3);
	margin-bottom: .75rem;
}
.s7-related-articles ul,
.s7-further-reading ul {
	margin: 0;
	padding-left: 1.25rem;
}
.s7-related-articles li,
.s7-further-reading li {
	margin-bottom: .5rem;
}

/* 留言區：制寬到跟文章內容一樣（800px）並置中 */
.comments-area {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

/* ── 文章列表分頁（.s7-pagination 由 functions.php 的 render_block filter 注入）── */
.s7-pagination {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: .5rem;
	margin-top: 2rem;
}

.s7-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;   /* 行動裝置最小觸控目標 */
	height: 44px;
	padding: 0 .9em;
	border: 1px solid var(--base, #e6e6f0);
	border-radius: 999px;
	background-color: var(--base-3, #ffffff);
	color: var(--contrast-2, #14141a);
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}

.s7-pagination a.page-numbers:hover,
.s7-pagination a.page-numbers:focus-visible {
	background-color: var(--base, #e6e6f0);
	border-color: var(--accent, #444457);
	color: var(--accent, #444457);
}

.s7-pagination .page-numbers.current {
	background-color: var(--accent, #444457);
	border-color: var(--accent, #444457);
	color: #ffffff;
	cursor: default;
}

.s7-pagination .page-numbers.dots {
	min-width: auto;
	padding: 0 .25em;
	border: 0;
	background: transparent;
	color: var(--contrast-2, #14141a);
	opacity: .6;
}

/* ‹ › 前後頁按鈕：符號略放大並做視覺置中 */
.s7-pagination .prev.page-numbers,
.s7-pagination .next.page-numbers {
	font-size: 1.35em;
	padding-bottom: .15em;
}