/**
 * Blanky Nordic — comments (patterns/comments.php).
 *
 * The comments sit at the content width under the related posts.
 *
 * @package Blanky_Nordic
 * @since   3.7
 */

.nordic-comments {
	border-top: var(--nordic-divider);
	padding-top: var(--wp--preset--spacing--40);
}

.nordic-comments .wp-block-comments-title,
.nordic-comments .comment-reply-title {
	font-size: var(--wp--preset--font-size--xxxl);
	font-style: italic;
}

.nordic-comment .wp-block-avatar img {
	border-radius: 50%;
	display: block;
}

.nordic-comment__meta {
	font-size: var(--wp--preset--font-size--sm);
}

.nordic-comment__meta .wp-block-comment-date {
	color: var(--wp--preset--color--muted);
}

.nordic-comments label {
	display: block;
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 700;
}

.nordic-comments .comment-notes,
.nordic-comments .logged-in-as {
	color: var(--wp--preset--color--muted);
	font-size: var(--wp--preset--font-size--sm);
}

/* Input borders use muted (4.83:1 on white): a control's edge needs 3:1. */
.nordic-comments input:not([type="submit"], [type="checkbox"]),
.nordic-comments textarea {
	background: var(--wp--preset--color--background);
	border: 1px solid var(--wp--preset--color--muted);
	color: var(--wp--preset--color--foreground);
	padding: 0.6em 0.8em;
	width: 100%;
}