/*
 * PowerLand Design System — RDX-07A community directories and social cards.
 * Presentation only: taxonomy, follow, group, profile and points behavior is unchanged.
 */

body.powerland-ui-v2 :where(.cats-sections, .tags-sections, .user-section, .content_groups, .content_group, .points-section, .badges-section) {
	color: var(--pl-color-text-primary);
}

body.powerland-ui-v2 :where(.cat-sections, .tag-sections, .group-item, .user-section .user-area, .user-section .author-area, .point-section, .badge-section) {
	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);
	transition:
		border-color var(--pl-duration-normal) var(--pl-ease-standard),
		box-shadow var(--pl-duration-normal) var(--pl-ease-standard),
		transform var(--pl-duration-normal) var(--pl-ease-standard);
}

body.powerland-ui-v2 :where(.cat-sections, .tag-sections, .group-item, .user-section .user-area, .user-section .author-area, .point-section, .badge-section):hover {
	border-color: color-mix(in srgb, var(--pl-color-brand-primary) 36%, var(--pl-color-border-subtle));
	box-shadow: var(--pl-shadow-2);
	transform: translateY(-2px);
}

body.powerland-ui-v2 :where(.cat-sections, .tag-sections) {
	padding: var(--pl-space-5);
}

body.powerland-ui-v2 :where(.cat-sections, .tag-sections) > a,
body.powerland-ui-v2 :where(.cat-sections, .tag-sections) .tag-section a {
	color: var(--pl-color-text-primary);
	font-size: var(--pl-font-size-400);
	font-weight: var(--pl-font-weight-extra-bold);
	text-decoration: none;
}

body.powerland-ui-v2 :where(.cat-sections, .tag-sections) > a:hover,
body.powerland-ui-v2 :where(.cat-sections, .tag-sections) .tag-section a:hover {
	color: var(--pl-color-link-hover);
}

body.powerland-ui-v2 :where(.cat-section-icon, .tag-counter) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--pl-radius-md);
	color: var(--pl-color-link);
	background: var(--pl-color-bg-subtle);
}

body.powerland-ui-v2 :where(.count-cat-question, .count-cat-follow, .cat-follow-button, .tag-counter span) {
	color: var(--pl-color-text-muted);
	font-size: var(--pl-font-size-200);
}

body.powerland-ui-v2 :where(.cat-follow-button, .follow-cat-button) {
	border-radius: var(--pl-radius-pill);
}

body.powerland-ui-v2 .group-item {
	overflow: hidden;
}

body.powerland-ui-v2 .group-item .group_cover {
	background-color: var(--pl-color-bg-subtle);
}

body.powerland-ui-v2 .group-item .group_avatar :where(img, .group_img) {
	border: 3px solid var(--pl-color-bg-surface);
	border-radius: var(--pl-radius-pill);
	box-shadow: 0 0 0 1px var(--pl-color-border-subtle);
}

body.powerland-ui-v2 .group-item .group_title a {
	color: var(--pl-color-text-primary);
	font-size: var(--pl-font-size-500);
	font-weight: var(--pl-font-weight-extra-bold);
	text-decoration: none;
}

body.powerland-ui-v2 .group-item .group_title a:hover {
	color: var(--pl-color-link-hover);
}

body.powerland-ui-v2 .group-item .group_title small,
body.powerland-ui-v2 .group-item .group_statistics {
	color: var(--pl-color-text-muted);
}

body.powerland-ui-v2 .group-item .group_statistics {
	display: flex;
	flex-wrap: wrap;
	gap: var(--pl-space-2);
}

body.powerland-ui-v2 .group-item .group_statistics > div {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-block-size: 2rem;
	min-inline-size: 2rem;
	border-radius: var(--pl-radius-pill);
	background: var(--pl-color-bg-subtle);
}

body.powerland-ui-v2 :where(.content_group .page-section, .create_group_box, .group-posts-articles .article-post) {
	border-color: 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 .user-section :where(.user-area, .author-area) {
	padding: var(--pl-space-5);
}

body.powerland-ui-v2 .user-section :where(.author-image, .user-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 .user-section :where(.author-name, .user-name, h3, h4) a {
	color: var(--pl-color-text-primary);
	font-weight: var(--pl-font-weight-extra-bold);
	text-decoration: none;
}

body.powerland-ui-v2 .user-section :where(.author-name, .user-name, h3, h4) a:hover {
	color: var(--pl-color-link-hover);
}

body.powerland-ui-v2 .user-section :where(.user-meta, .author-meta, .user-stats) {
	color: var(--pl-color-text-muted);
}

body.powerland-ui-v2 .page-sections > .page-section {
	border-color: 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 .page-sections :where(.post-title-3, .post-title-2) {
	color: var(--pl-color-text-primary);
	font-weight: var(--pl-font-weight-extra-bold);
}

body.powerland-ui-v2 :where(.point-section, .badge-section) {
	padding: var(--pl-space-5);
}

body.powerland-ui-v2 :where(.point-section, .badge-section) .point-div {
	color: var(--pl-color-text-secondary);
	background: var(--pl-color-bg-subtle);
	border-radius: var(--pl-radius-md);
}

body.powerland-ui-v2 .badge-section .badge-span {
	border-radius: var(--pl-radius-pill);
	font-weight: var(--pl-font-weight-bold);
}

body.powerland-ui-v2 .main-pagination .pagination :where(a, span) {
	border-color: var(--pl-color-border-subtle);
	border-radius: var(--pl-radius-sm);
	color: var(--pl-color-text-secondary);
	background: var(--pl-color-bg-surface);
}

body.powerland-ui-v2 .main-pagination .pagination :where(a:hover, .current) {
	border-color: var(--pl-color-brand-primary);
	color: var(--pl-color-text-on-brand);
	background: var(--pl-color-brand-primary);
}

@media (max-width: 47.99rem) {
	body.powerland-ui-v2 :where(.cat-sections, .tag-sections, .group-item, .user-section .user-area, .user-section .author-area, .point-section, .badge-section, .page-sections > .page-section) {
		border-radius: var(--pl-radius-md);
	}

	body.powerland-ui-v2 :where(.cat-sections, .tag-sections, .user-section .user-area, .user-section .author-area, .point-section, .badge-section) {
		padding: var(--pl-space-4);
	}
}

@media (prefers-reduced-motion: reduce) {
	body.powerland-ui-v2 :where(.cat-sections, .tag-sections, .group-item, .user-section .user-area, .user-section .author-area, .point-section, .badge-section) {
		transition: none;
	}

	body.powerland-ui-v2 :where(.cat-sections, .tag-sections, .group-item, .user-section .user-area, .user-section .author-area, .point-section, .badge-section):hover {
		transform: none;
	}
}