/*
 * PowerLand Design System — RDX-06A answers and answer-form layer.
 * Presentation only: comment IDs, hooks, nonces, voting and reply actions stay unchanged.
 */

body.powerland-ui-v2 .single-question :where(#comments, .question-adv-comments, #respond) {
	color: var(--pl-color-text-primary);
}

body.powerland-ui-v2 .single-question .answers-tabs {
	margin-block-end: var(--pl-space-5);
	border: 1px solid var(--pl-color-border-subtle);
	border-radius: var(--pl-radius-lg);
	background: var(--pl-color-bg-surface);
	box-shadow: var(--pl-shadow-1);
}

body.powerland-ui-v2 .single-question .answers-tabs :where(.section-title, .answers-tabs-inner) {
	color: var(--pl-color-text-primary);
}

body.powerland-ui-v2 .single-question .answers-tabs-inner ul {
	display: flex;
	flex-wrap: wrap;
	gap: var(--pl-space-2);
}

body.powerland-ui-v2 .single-question .answers-tabs-inner li {
	margin: 0;
}

body.powerland-ui-v2 .single-question .answers-tabs-inner a {
	border-radius: var(--pl-radius-pill);
	color: var(--pl-color-text-secondary);
	background: var(--pl-color-bg-subtle);
	font-weight: var(--pl-font-weight-bold);
}

body.powerland-ui-v2 .single-question .answers-tabs-inner :where(a:hover, li.active a) {
	color: var(--pl-color-text-on-brand);
	background: var(--pl-color-brand-primary);
}

body.powerland-ui-v2 .single-question .commentlist li.comment > .comment-body {
	padding: var(--pl-space-6);
	border: 1px solid var(--pl-color-border-subtle);
	border-radius: var(--pl-radius-lg);
	color: var(--pl-color-text-primary);
	background: var(--pl-color-bg-surface);
	box-shadow: var(--pl-shadow-1);
}

body.powerland-ui-v2 .single-question .commentlist ul.children li.comment > .comment-body {
	border-inline-start: 3px solid var(--pl-color-brand-accent);
	background: color-mix(in srgb, var(--pl-color-bg-surface) 92%, var(--pl-color-bg-subtle));
}

body.powerland-ui-v2 .single-question .commentlist .author-image img {
	border: 2px solid var(--pl-color-bg-surface);
	border-radius: var(--pl-radius-pill);
	box-shadow: 0 0 0 2px var(--pl-color-border-subtle);
}

body.powerland-ui-v2 .single-question .commentlist .comment-author {
	color: var(--pl-color-brand-ink);
	font-weight: var(--pl-font-weight-extra-bold);
}

body.powerland-ui-v2 .single-question .commentlist .comment-date {
	color: var(--pl-color-text-muted);
	font-size: var(--pl-font-size-100);
}

body.powerland-ui-v2 .single-question .commentlist .comment-text .text {
	color: var(--pl-color-text-secondary);
	font-size: var(--pl-font-size-300);
	line-height: var(--pl-line-height-body);
}

body.powerland-ui-v2 .single-question .commentlist .comment-text .text :where(p, li) {
	color: inherit;
}

body.powerland-ui-v2 .single-question .commentlist ul.comment-reply {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--pl-space-2) var(--pl-space-4);
	margin-block-start: var(--pl-space-4);
	padding-block-start: var(--pl-space-3);
	border-block-start: 1px solid var(--pl-color-border-subtle);
}

body.powerland-ui-v2 .single-question .commentlist ul.comment-reply li {
	margin: 0;
	color: var(--pl-color-text-muted);
}

body.powerland-ui-v2 .single-question .commentlist ul.comment-reply a {
	border-radius: var(--pl-radius-xs);
	color: var(--pl-color-text-secondary);
	text-decoration: none;
}

body.powerland-ui-v2 .single-question .commentlist ul.comment-reply a:hover {
	color: var(--pl-color-link-hover);
}

body.powerland-ui-v2 .single-question .best-answer {
	border-radius: var(--pl-radius-pill);
	color: var(--pl-color-text-on-brand);
	background: var(--pl-color-success);
	font-weight: var(--pl-font-weight-bold);
}

body.powerland-ui-v2 .single-question #respond {
	padding: var(--pl-space-6);
	border: 1px solid var(--pl-color-border-subtle);
	border-radius: var(--pl-radius-lg);
	background: var(--pl-color-bg-surface);
	box-shadow: var(--pl-shadow-1);
}

body.powerland-ui-v2 .single-question #respond .section-title {
	color: var(--pl-color-text-primary);
	font-size: var(--pl-font-size-600);
	font-weight: var(--pl-font-weight-extra-bold);
}

body.powerland-ui-v2 .single-question .answers-form :where(input[type="text"], input[type="email"], input[type="url"], textarea, select) {
	border-color: var(--pl-color-border-strong);
	border-radius: var(--pl-radius-md);
	color: var(--pl-color-text-primary);
	background: var(--pl-color-bg-surface);
	line-height: var(--pl-line-height-body);
}

body.powerland-ui-v2 .single-question .answers-form :where(input, textarea, select)::placeholder {
	color: var(--pl-color-text-muted);
}

body.powerland-ui-v2 .single-question :where(#submit.button-default, .show-answer-form, .button-default-question) {
	min-block-size: var(--pl-control-height-md);
	padding-inline: var(--pl-space-5);
	border: 0;
	border-radius: var(--pl-radius-pill);
	color: var(--pl-color-text-on-brand);
	background: var(--pl-color-brand-primary);
	font-weight: var(--pl-font-weight-bold);
	box-shadow: var(--pl-shadow-1);
}

body.powerland-ui-v2 .single-question :where(#submit.button-default, .show-answer-form, .button-default-question):hover {
	color: var(--pl-color-text-on-brand);
	background: color-mix(in srgb, var(--pl-color-brand-primary) 84%, var(--pl-color-brand-ink));
}

body.powerland-ui-v2 .single-question .cancel-comment-reply a {
	color: var(--pl-color-danger);
	font-weight: var(--pl-font-weight-bold);
}

@media (max-width: 47.99rem) {
	body.powerland-ui-v2 .single-question .commentlist li.comment > .comment-body,
	body.powerland-ui-v2 .single-question #respond {
		padding: var(--pl-space-4);
		border-radius: var(--pl-radius-md);
	}

	body.powerland-ui-v2 .single-question .commentlist ul.children {
		margin-inline-start: 0;
		padding-inline-start: var(--pl-space-3);
	}
}

@media (prefers-reduced-motion: reduce) {
	body.powerland-ui-v2 .single-question :where(#submit.button-default, .show-answer-form, .button-default-question) {
		transition: none;
	}
}