/* =========================================================
   Khodabndelo360 Core — نظرات تقویت‌شده (پاسخ تودرتو + مفید بود)
   از متغیرهای CSS تم اصلی استفاده می‌کند تا هماهنگی بصری حفظ شود
   ========================================================= */

.k360-comment-list,
.k360-comment-list ul.children {
	list-style: none;
	margin: 0;
	padding: 0;
}
.k360-comment-list ul.children {
	margin-inline-start: 40px;
	padding-inline-start: 18px;
	border-inline-start: 2px solid var(--k360-border, #e6e9ef);
}

.k360-comment { margin-bottom: 22px; }
.k360-comment-body {
	display: flex;
	gap: 14px;
	background: var(--k360-surface, #fff);
	border: 1px solid var(--k360-border, #e6e9ef);
	border-radius: var(--k360-radius-md, 16px);
	padding: 18px;
}
.k360-comment-avatar img { border-radius: 50%; display: block; }
.k360-comment-content { flex: 1; min-width: 0; }

.k360-comment-meta { display: flex; align-items: baseline; gap: 10px; margin-bottom: 6px; flex-wrap: wrap; }
.k360-comment-author { font-weight: 700; font-size: 14.5px; }
.k360-comment-date { font-size: 12.5px; color: var(--k360-text-faint, #8892a6); }
.k360-comment-date a { color: inherit; }

.k360-comment-pending {
	font-size: 13px;
	color: #b45309;
	background: rgba(217,119,6,0.1);
	padding: 8px 12px;
	border-radius: var(--k360-radius-sm, 10px);
	margin: 6px 0;
}

.k360-comment-text { font-size: 14.5px; line-height: 1.9; color: var(--k360-text, #10192b); }
.k360-comment-text p:last-child { margin-bottom: 0; }

.k360-comment-actions { display: flex; align-items: center; gap: 16px; margin-top: 12px; }

.k360-helpful-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: transparent;
	border: 1px solid var(--k360-border, #e6e9ef);
	border-radius: 999px;
	padding: 6px 14px;
	font-size: 12.5px;
	font-weight: 600;
	color: var(--k360-text-muted, #56607a);
	transition: all 200ms ease;
}
.k360-helpful-btn:hover { border-color: var(--k360-blue-500, #2563eb); color: var(--k360-blue-500, #2563eb); }
.k360-helpful-btn.k360-voted {
	background: rgba(37,99,235,0.08);
	border-color: rgba(37,99,235,0.3);
	color: var(--k360-blue-500, #2563eb);
}
.k360-helpful-count { font-weight: 700; }

.k360-comment-reply a {
	font-size: 12.5px;
	font-weight: 600;
	color: var(--k360-blue-500, #2563eb);
}
.k360-comment-reply a:hover { text-decoration: underline; }

#respond { margin-top: 10px; }
#cancel-comment-reply-link {
	font-size: 12.5px;
	font-weight: 600;
	color: #b91c1c;
	margin-inline-start: 10px;
}

@media (max-width: 480px) {
	.k360-comment-body { flex-direction: column; gap: 10px; }
	.k360-comment-list ul.children { margin-inline-start: 16px; padding-inline-start: 10px; }
}