/**
 * SaaSLt 内链管理 - 前台样式
 * 与 JustNews 文章页协调：下划线链接 + 浅灰卡片推荐框。
 */

/* 自动内链：主题色下划线样式（颜色由 wp_add_inline_style 按设置注入，此处为默认兜底） */
.slil-link {
	color: #1e73be;
	text-decoration: none;
	border-bottom: 1px dashed #1e73be;
	padding-bottom: 1px;
	transition: color 0.2s ease, border-bottom-color 0.2s ease;
}

.slil-link:hover,
.slil-link:focus {
	opacity: 0.85;
	border-bottom-style: solid;
	text-decoration: none;
}

/* 相关阅读推荐框：浅灰边框、圆角 4px、内边距 16px */
.slil-recommend {
	margin: 24px 0 0;
	padding: 16px;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	background: #fafafa;
	box-sizing: border-box;
}

.slil-recommend-title {
	margin: 0 0 12px;
	padding: 0 0 10px;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;
	color: #333;
	border-bottom: 1px solid #eee;
}

.slil-recommend-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.slil-recommend-item {
	margin: 0;
	padding: 6px 0 6px 16px;
	position: relative;
	line-height: 1.7;
	font-size: 14px;
}

.slil-recommend-item::before {
	content: "";
	position: absolute;
	left: 0;
	top: 14px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #ccc;
}

.slil-recommend-item a {
	color: #555;
	text-decoration: none;
	transition: color 0.2s ease;
}

.slil-recommend-item a:hover,
.slil-recommend-item a:focus {
	color: #1e73be;
	text-decoration: none;
}

@media (max-width: 640px) {
	.slil-recommend {
		padding: 12px;
	}
}