/**
 * Post card: the shared shell for simple_card/article/wiki/forum
 * layouts in feeds. Layout-specific single-post templates add their
 * own styles on top; this covers the card as it appears in a feed.
 */

.salakit-post-card {
	background: var( --salakit-color-surface );
	border: 1px solid var( --salakit-color-border );
	border-radius: var( --salakit-radius );
	padding: var( --salakit-spacing-md );
	margin-bottom: var( --salakit-spacing-md );
}

.salakit-post-card .salakit-post-header {
	display: flex;
	align-items: center;
	gap: var( --salakit-spacing-sm );
	margin-bottom: var( --salakit-spacing-sm );
}

.salakit-post-card .salakit-post-avatar {
	width: 36px;
	height: 36px;
	border-radius: 50%;
}

.salakit-post-card .salakit-post-meta {
	color: var( --salakit-color-muted );
	font-size: 0.85em;
}

.salakit-post-card .salakit-post-title {
	font-size: 1.2em;
	margin: 0 0 var( --salakit-spacing-sm );
}

.salakit-post-card .salakit-post-content {
	line-height: 1.6;
	margin-bottom: var( --salakit-spacing-sm );
}

.salakit-post-card .salakit-post-badge {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 0.75em;
	padding: 2px 8px;
	border-radius: 999px;
	background: var( --salakit-color-primary );
	color: #fff;
}