/* Yorum stilleri — KRİTİK DEĞİL. Yalnızca yorumların gösterildiği sayfalarda
   yüklenir (bkz. inc/assets.php). Böylece kritik CSS bütçesini yemez. */

.comment-list { display: grid; gap: var(--space-4); margin-bottom: var(--space-5) }
.comment-list .children {
	display: grid; gap: var(--space-4); margin-top: var(--space-4);
	padding-left: var(--space-4); border-left: var(--border-width) solid var(--color-border);
}
.comment-body { font-size: var(--text-sm) }
.comment-meta { color: var(--color-text-muted); font-size: var(--text-xs); margin-bottom: var(--space-2) }
.comments__closed { color: var(--color-text-muted); font-size: var(--text-sm) }

.comment-form { display: grid; gap: var(--space-3); max-width: var(--prose-max) }
.comment-form label {
	display: block; font-size: var(--text-sm);
	font-weight: var(--weight-medium); margin-bottom: var(--space-1);
}
.comment-form input[type="text"], .comment-form input[type="email"],
.comment-form input[type="url"], .comment-form textarea {
	width: 100%; min-height: var(--tap-min); padding: var(--space-2) var(--space-3);
	border: var(--border-width) solid var(--color-border-strong);
	border-radius: var(--radius); background: var(--color-surface);
}
.comment-form textarea { min-height: 8rem; resize: vertical }
.comment-notes { color: var(--color-text-muted); font-size: var(--text-sm) }

/* Gönder düğmesi .btn .btn--primary sınıflarını taşır (components.css);
   burada yalnızca o sınıflar yoksa devreye giren yedek var. */
.button, .comment-form input[type="submit"]:not(.btn) {
	min-height: var(--tap-min); padding-inline: var(--space-5); border: 0;
	border-radius: var(--radius); background: var(--color-brand);
	color: var(--color-brand-ink); font-weight: var(--weight-bold);
	cursor: pointer; justify-self: start;
}
.button:hover, .comment-form input[type="submit"]:not(.btn):hover { background: var(--color-brand-hover) }