@use "../tools/mixins";

/*-------------------------------------------------------
Comment content
-------------------------------------------------------*/

.comment-body {

	.comment-content {
		margin-top: calc(var(--wp--style--block-gap) / 1.5);

		> * {
			margin-block-start: var(--wp--style--block-gap);
			margin-block-end: 0;
		}

		> :first-child {
			margin-block-start: 0;
		}
	}

	.comment-content,
	.comment-reply {

		@include mixins.media("break-small") {
			margin-left: 4rem !important;
		}
	}
}

.wp-block-comment-template li > ol {

	@include mixins.media("break-small") {
		padding-left: 4rem;
	}
}
