<?php
/**
 * Blog single — comments list + form styles.
 *
 * @package Codenexa
 */

.post-comment {
	margin-top: 40px;
}

.post-comment .heading {
	margin-bottom: 35px;
}

.post-comment #cancel-comment-reply-wrap {
	margin-bottom: 16px;
}

.post-comment #cancel-comment-reply-link {
	font-size: 14px;
}

.post-comment .form-cta .form-content {
	display: flex;
	flex-direction: column;
	gap: 24px;
	margin-bottom: 40px;
}

.post-comment .form-cta fieldset {
	border: 0;
	margin: 0;
	padding: 0;
	min-width: 0;
}

.post-comment .form-cta input,
.post-comment .form-cta textarea {
	display: block;
	width: 100%;
	padding: 0 0 11px;
	border: 0;
	border-bottom: 1px solid var(--neutral-300);
	border-radius: 0;
	background: transparent;
	color: var(--primary);
	box-shadow: none;
	outline: 0;
}

.post-comment .form-cta input::placeholder,
.post-comment .form-cta textarea::placeholder {
	color: var(--secondary);
}

.post-comment .form-cta textarea.rounded-0 {
	height: 100px;
	min-height: 100px;
	resize: none;
}

.post-comment .form-cta .form-action {
	display: block;
	width: 100%;
}

.post-comment .form-cta .form-action .tf-btn {
	width: 100%;
	justify-content: center;
}

.post-comment .form-cta .form-action input[type="hidden"] {
	display: none;
}

.comment-wrap {
	margin-top: 48px;
	margin-bottom: 48px;
}

.comment-wrap .heading {
	margin-bottom: 32px;
}

.comment-wrap .comment-list {
	list-style: none;
	margin: 0;
	padding: 0;
}