/* ==========================================================================
   MODULE: components/popular-posts (.wzs-popular-posts)
   사이드바 인기글 위젯. 발췌는 2줄 고정(line-clamp).
   ========================================================================== */

.wzs-popular-posts {
	display: flex;
	flex-direction: column;
	gap: var(--wzs-space-3);
}

.wzs-popular-post {
	display: flex;
	align-items: center;
	gap: var(--wzs-space-2);
}

.wzs-popular-post-link {
	display: flex;
	flex: 1 1 auto;
	min-width: 0;
	gap: var(--wzs-space-2);
}

.wzs-popular-post-thumb {
	flex: none;
	width: 64px;
	height: 64px;
	border-radius: var(--wzs-radius-sm);
	overflow: hidden;
}

.wzs-popular-post-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.wzs-popular-post-thumb--placeholder {
	background: linear-gradient(135deg, var(--wzs-bg-alt) 0%, var(--wzs-border) 100%);
}

/* 자료실 인기글에서만 쓰는 다운로드 액션 (show_download 인자 — popular-post-item.php 참고) */
.wzs-popular-post-download {
	flex: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: var(--wzs-bg-alt);
	color: var(--wzs-ink);
	transition: background var(--wzs-duration-fast) var(--wzs-ease);
}

.wzs-popular-post-download:hover {
	background: var(--wzs-amber-soft);
	color: var(--wzs-amber-ink);
}

.wzs-popular-post-download svg {
	width: 16px;
	height: 16px;
}

.wzs-popular-post-body {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.wzs-popular-post-title {
	font-size: var(--wzs-fs-sm);
	font-weight: 700;
	color: var(--wzs-ink);
	transition: color var(--wzs-duration-fast) var(--wzs-ease);
}

.wzs-popular-post-link:hover .wzs-popular-post-title {
	color: var(--wzs-blue);
}

.wzs-popular-post-excerpt {
	font-size: 12px;
	color: var(--wzs-ink-muted);
	line-height: 1.5;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}