/*
 * Post Comments: layout only — the message full width, then name / email /
 * website side by side. Sizes, colours and type come from the block's
 * Style controls.
 */

.ne-pcm {
	display: flex;
	flex-direction: column;
}

.ne-pcm-heading {
	display: flex;
	align-items: center;
	gap: 8px;
}

.ne-pcm-ico {
	width: 1em;
	height: 1em;
	flex: 0 0 auto;
}

.ne-pcm .comment-list,
.ne-pcm .comment-list .children {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ne-pcm .comment-list .children {
	padding-left: 32px;
}

.ne-pcm .comment-author {
	display: flex;
	align-items: center;
	gap: 10px;
}

.ne-pcm .comment-author .avatar {
	border-radius: 50%;
	object-fit: cover;
}

.ne-pcm .comment-author .says {
	display: none;
}

.ne-pcm .comment-form {
	display: flex;
	flex-wrap: wrap;
}

.ne-pcm .comment-form > p {
	flex: 1 1 100%;
	margin: 0;
}

.ne-pcm .comment-form > .comment-form-author,
.ne-pcm .comment-form > .comment-form-email,
.ne-pcm .comment-form > .comment-form-url {
	flex: 1 1 160px;
}

:where(.ne-pcm .comment-form) input[type="text"],
:where(.ne-pcm .comment-form) input[type="email"],
:where(.ne-pcm .comment-form) input[type="url"],
:where(.ne-pcm .comment-form) textarea {
	display: block;
	width: 100%;
	box-sizing: border-box;
	font: inherit;
}

:where(.ne-pcm .comment-form) textarea {
	resize: vertical;
}

:where(.ne-pcm .comment-form .submit) {
	border: 0;
	cursor: pointer;
	font: inherit;
}