/* WordPress owns the comment markup and lifecycle. */
.recipe-comments { scroll-margin-top: 10rem; }
.recipe-comments > p { max-width: 65ch; }
.recipe-comments__empty,
.recipe-comments__closed { padding: 1rem; border-radius: 0.75rem; background: var(--thh-cream-light); }
.recipe-comments .comment-list,
.recipe-comments .children { margin: 0; padding: 0; list-style: none; }
.recipe-comments .children { margin-left: clamp(0.75rem, 3vw, 2rem); }
.recipe-comments .comment-body { padding: 1.25rem 0; border-bottom: 1px solid var(--thh-line); overflow-wrap: anywhere; }
.recipe-comments .comment-metadata { margin-block: 0.4rem; color: var(--thh-ink-soft); font-size: 0.8rem; }
.recipe-comments .comment-author { font-weight: 700; }
.recipe-comments .comment-content p { margin-block: 0.75rem; }
.recipe-comments .comment-awaiting-moderation { font-weight: 600; }
.recipe-comments .reply { font-size: 0.85rem; font-weight: 700; }
.recipe-comments .comment-respond { margin-top: 2rem; padding: clamp(1rem, 3vw, 1.75rem); border: 1px solid var(--thh-line); border-radius: 1rem; background: #fff; }
.recipe-comments .comment-reply-title { margin-top: 0; }
.recipe-comments .comment-reply-title small { display: block; margin-top: 0.5rem; font-family: var(--thh-sans); font-size: 0.85rem; }
.recipe-comments .comment-form { display: grid; gap: 1rem; }
.recipe-comments .comment-form p { margin: 0; }
.recipe-comments label { display: block; margin-bottom: 0.4rem; font-weight: 650; }
.recipe-comments textarea,
.recipe-comments input:not([type="checkbox"]):not([type="submit"]):not([type="hidden"]) {
	width: 100%;
	max-width: 100%;
	min-height: 2.8rem;
	padding: 0.65rem;
	border: 1px solid var(--thh-line);
	border-radius: 0.4rem;
	font: inherit;
	background: var(--thh-paper);
}
.recipe-comments textarea { min-height: 9rem; resize: vertical; }
.recipe-comments .comment-notes,
.recipe-comments .comment-note,
.recipe-comments .logged-in-as { font-size: 0.85rem; color: var(--thh-ink-soft); }
.recipe-comments .comment-form-cookies-consent { display: flex; align-items: start; gap: 0.6rem; }
.recipe-comments .comment-form-cookies-consent label { font-size: 0.85rem; font-weight: 400; }
.recipe-comments .submit { border: 0; border-radius: 2rem; padding: 0.8rem 1.3rem; background: var(--thh-red); color: #fff; font: inherit; font-weight: 700; cursor: pointer; }
.recipe-comments :focus-visible { outline: 2px solid var(--thh-green); outline-offset: 3px; }
.recipe-comments .navigation { margin-block: 1rem; }
@media print { .recipe-comments { display: none; } }