.comments__title {
	font-family: var(--title-font);
	font-size: 1.25rem;
	font-weight: 600;
	padding-bottom: 1.25rem;
	border-bottom: 1px solid var(--light-grey-color);
}

.comments__list, ul.children {
	list-style: none;
}

article.comments__item {
	display: flex;
	padding: 1.25rem 0;
	border-bottom: 1px solid var(--light-grey-color);
}

ul.comments__list {
	margin-bottom: 2rem;
}

ul.comments__list > li {
	position: relative;
}

ul.comments__list > li::after {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background-color: var(--light-grey-color);
}

ul.children {
	margin-left: 2.5rem;
}

article > div:first-child {
	margin-right: 0.5rem;
}

.comments__avatar {
	width: 2rem;
	min-width: 2rem;
	height: 2rem;
	display: block;
	border-radius: 100%;
	overflow: hidden;
}

.comments__wrapper {
	width: 100%;
}

.comments__time {
	font-family: var(--title-font);
	font-weight: 600;
	font-size: 0.75rem;
}

.comments__content {
	margin: 1.25rem 0 2rem 0;
}

.comments__button {
	display: flex;
	justify-content: flex-end;
}

.comments__submit {
	margin: auto;
	width: 100%;
}

h3.comment-reply-title {
	font-family: var(--title-font);
	margin-bottom: 1.25rem;
}

h3.comment-reply-title::before {
	content: url('/app/uploads/2023/08/icon-comments.svg');
	margin-right: 0.5rem;
	vertical-align: middle;
}

.comments__form {
	display: flex;
	flex-direction: column;
}

.form-order-1 {
	order: 1;
}

.form-order-2 {
	order: 2;
}

.form-order-3 {
	order: 3;
}

.form-order-4 {
	order: 4;
}

.comment-form-cookies-consent {
	order: 5;
}

.form-submit {
	order: 6;
}

.checkbox-container {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding-bottom: 0.5rem;
}

p.comment-form-cookies-consent{
	display: flex;
    flex-direction: row;
    align-items: center;
    padding-bottom: 0.5rem;
}

input[name="checkbox_option1"], input[name="checkbox_option2"], input[name="wp-comment-cookies-consent"] {
	width: 16px;
	margin-right: 0.5rem;
}

label {
	width: 100%;
}

form p {
	display: flex;
}

form p input{
	width: 10%;
}