/* Comment form — isolated layout (loads with comments.js) */

.ilyt-comments__form {
	display: block;
	width: 100%;
	margin: 1.5rem 0 0;
}

.ilyt-comments__form .ilyt-form__row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
	margin-bottom: 0;
}

.ilyt-comments__form .ilyt-form__group {
	display: block;
	width: 100%;
	margin: 0 0 1rem;
}

.ilyt-comments__form .ilyt-form__group label {
	display: block;
	width: 100%;
	margin: 0 0 0.5rem;
	font-weight: 600;
	font-size: 0.9375rem;
	line-height: 1.3;
}

.ilyt-comments__form .ilyt-form__group textarea {
	line-height: 1.5;
}

.ilyt-comments__form-actions {
	display: block;
	width: 100%;
	margin-top: 0.25rem;
}

.ilyt-comments__form-actions .ilyt-btn {
	min-height: 44px;
}

.ilyt-comments__form .ilyt-form__group--comment {
	display: block !important;
	flex-direction: column !important;
}

.ilyt-comments__form .ilyt-form__group--comment label,
.ilyt-comments__form .ilyt-form__group--comment textarea {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	float: none !important;
}

.ilyt-comments__list {
	margin-top: 0;
}

@media (max-width: 600px) {
	.ilyt-comments__form .ilyt-form__row {
		grid-template-columns: 1fr;
	}
}
