/**
 * Comment thread, mention suggestions, and reply forms.
 */

.salakit-comments .salakit-comment {
	padding: var( --salakit-spacing-sm ) 0;
	border-bottom: 1px solid var( --salakit-color-border );
}

.salakit-comments .salakit-comment-replies {
	margin-left: var( --salakit-spacing-lg );
	border-left: 2px solid var( --salakit-color-border );
	padding-left: var( --salakit-spacing-md );
}

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

.salakit-comment-edited-flag {
	font-style: italic;
	color: var( --salakit-color-muted );
	font-size: 0.8em;
}

.salakit-mention-suggestions {
	position: relative;
	display: flex;
	flex-direction: column;
	border: 1px solid var( --salakit-color-border );
	border-radius: var( --salakit-radius );
	background: var( --salakit-color-surface );
	max-width: 240px;
}

.salakit-mention-suggestions button {
	text-align: left;
	background: none;
	border: none;
	padding: 6px 10px;
	cursor: pointer;
}

.salakit-mention-suggestions button:hover {
	background: var( --salakit-color-border );
}

.salakit-reply-form {
	margin-top: var( --salakit-spacing-sm );
}

.salakit-comment-reply-toggle {
	background: none;
	border: none;
	color: var( --salakit-color-link );
	cursor: pointer;
	padding: 0;
}