/* ============================================================
 * lh-extra.css —— 仅做「新增」，不覆盖 assets/skin/css 里的任何既有规则
 *
 * 为什么需要这个文件：
 * 1. 原站列表页当时全部是「共 0 页 0 条记录」，从未渲染过翻页元素，
 *    所以 skin 里没有任何分页样式可直接继承。WordPress 会有真实分页，
 *    这里按 DedeCMS 标准 ul.pagelist 结构补一套中性样式。
 * 2. WordPress 的 .screen-reader-text 是主题必备的无障碍隐藏类。
 * 3. 留言表单的提交结果提示条。
 *
 * 全部选择器在原站 HTML 中都不存在，因此不会影响任何原有视觉。
 * ============================================================ */

/* 分页 */
.pagelist {
	list-style: none;
	margin: 30px 0 0;
	padding: 0;
	text-align: center;
}

.pagelist li {
	display: inline-block;
	margin: 0 3px 6px;
	vertical-align: middle;
}

.pagelist .pageinfo {
	display: inline-block;
	padding: 6px 10px;
	color: #999;
	font-size: 13px;
}

.pagelist .pageinfo strong {
	color: #333;
	font-weight: 700;
	margin: 0 2px;
}

.pagelist li a,
.pagelist li > span:not(.pageinfo) {
	display: inline-block;
	min-width: 34px;
	padding: 6px 10px;
	border: 1px solid #e0e0e0;
	color: #333;
	font-size: 13px;
	line-height: 1.4;
	text-align: center;
	text-decoration: none;
	background-color: #fff;
}

.pagelist li a:hover {
	background-color: #000;
	border-color: #000;
	color: #fff;
	text-decoration: none;
}

.pagelist li.thisclass > span,
.pagelist li.thisclass > a {
	background-color: #000;
	border-color: #000;
	color: #fff;
}

/* 无障碍：屏幕阅读器专用文本 */
.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* 留言表单提交结果 */
.lh-form-msg {
	margin: 0 0 18px;
	padding: 10px 14px;
	border-left: 3px solid #333;
	background-color: #f6f6f6;
	font-size: 14px;
	line-height: 1.6;
}

.lh-form-ok {
	border-left-color: #2e7d32;
}

.lh-form-err {
	border-left-color: #c62828;
}