@use "../tools/mixins";

/*-------------------------------------------------------
Post comments form
-------------------------------------------------------*/

.wp-block-comments > * + .wp-block-post-comments-form {
	margin-top: var(--wp--preset--spacing--60);
}

.comment + .wp-block-post-comments-form {
	margin-bottom: var(--wp--preset--spacing--20);
}

.wp-block-post-comments-form .comment-reply-title {
	margin-top: 0;
	margin-bottom: 0.75rem;
	font-size: var(--wp--preset--font-size--xxx-large);

	small {
		letter-spacing: -0.01em;
	}

	@include mixins.media("break-small") {
		margin-bottom: 0.125rem;
	}
}

.comment-form {

	.comment-notes,
	.logged-in-as {
		color: var(--wp--preset--color--contrast-3);
		font-size: var(--wp--preset--font-size--small);
		font-weight: 450;
		letter-spacing: 0;
	}

	.logged-in-as a {
		color: var(--wp--preset--color--contrast-3);

		&:hover,
		&:active {
			text-decoration: none;
		}

		&:focus {
			text-decoration: underline dotted;
		}
	}
}

.wp-block-post-comments-form {

	textarea {
		height: 8lh;
	}

	.comment-form-cookies-consent {
		align-items: flex-start;

		#wp-comment-cookies-consent {
			top: 0.1875rem;
			margin: 0;
		}
	}
}

.comment-form-author,
.comment-form-email {

	@include mixins.media("break-small") {
		width: 49%;
		float: left;
		margin-bottom: var(--wp--style--block-gap);
	}
}

.comment-form-author {

	@include mixins.media("break-small") {
		margin-right: 2%;
	}
}

.comment-form-url,
.wp-block-post-comments-form .comment-form-cookies-consent {

	@include mixins.media("break-small") {
		clear: both;
	}
}
