/*
 * PowerLand Design System — RDX-04 App Shell candidate
 * Active only when body.powerland-ui-v2 is explicitly enabled.
 */

body.powerland-ui-v2 {
	color: var(--pl-color-text-primary);
	background: var(--pl-color-bg-canvas);
	font-family: var(--pl-font-family-sans);
}

body.powerland-ui-v2 .site-shell {
	min-block-size: 100vh;
	background: var(--pl-color-bg-canvas);
}

body.powerland-ui-v2 .site-header {
	border-block-end: 1px solid var(--pl-color-border-subtle);
	color: var(--pl-color-text-primary);
	background: color-mix(in srgb, var(--pl-color-bg-surface) 94%, transparent);
	box-shadow: var(--pl-shadow-1);
	backdrop-filter: blur(14px);
}

body.powerland-ui-v2 .site-header__inner {
	/* The live Discy header still uses two fixed, floated columns
	 * (.left-header 890px + .right-header 269px) inside a 1170px container.
	 * Making this legacy wrapper a flex container shrinks .left-header and
	 * forces its 201px logo + 685px mid-header onto two rows. Keep the wrapper
	 * in its proven block/float layout until those children are migrated as one
	 * atomic component. */
	display: block;
}

body.powerland-ui-v2 .site-brand {
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
	color: var(--pl-color-brand-ink);
	font-size: var(--pl-font-size-600);
	font-weight: var(--pl-font-weight-extra-bold);
	line-height: var(--pl-line-height-tight);
	text-decoration: none;
}

body.powerland-ui-v2 .site-brand img {
	object-fit: contain;
}

body.powerland-ui-v2 .site-navigation {
	color: var(--pl-color-text-primary);
}

body.powerland-ui-v2 .site-navigation :where(a) {
	border-radius: var(--pl-radius-sm);
	color: var(--pl-color-text-primary);
	font-weight: var(--pl-font-weight-bold);
	text-decoration: none;
}

body.powerland-ui-v2 .site-navigation :where(a:hover, .current-menu-item > a, .current_page_item > a) {
	color: var(--pl-color-link);
	background: var(--pl-color-bg-subtle);
}

body.powerland-ui-v2 .header-search :where(input[type="search"], input[type="text"]) {
	border-color: var(--pl-color-border-subtle);
	border-radius: var(--pl-radius-pill);
	color: var(--pl-color-text-primary);
	background: var(--pl-color-bg-subtle);
}

body.powerland-ui-v2 :where(.button-default, .button-default-2, .button-default-3) {
	border-radius: var(--pl-radius-md);
}

body.powerland-ui-v2 .site-main {
	color: var(--pl-color-text-primary);
	background: var(--pl-color-bg-canvas);
}

body.powerland-ui-v2 .site-layout > .the-main-container {
	padding-block: var(--pl-space-8);
}

body.powerland-ui-v2 .site-content {
	min-inline-size: 0;
}

body.powerland-ui-v2 .site-sidebar :where(.widget, .widget-footer),
body.powerland-ui-v2 .nav_menu_sidebar :where(.widget),
body.powerland-ui-v2 nav.nav_menu {
	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 .site-sidebar :where(.widget-title, .widgettitle) {
	color: var(--pl-color-text-primary);
	font-size: var(--pl-font-size-500);
}

body.powerland-ui-v2 .site-mobile-navigation {
	color: var(--pl-color-text-primary);
	background: var(--pl-color-bg-surface);
}

body.powerland-ui-v2 .site-mobile-navigation :where(a) {
	color: var(--pl-color-text-primary);
}

body.powerland-ui-v2 :where(.go-up, .ask-button, .dark-light-switcher-2) {
	box-shadow: var(--pl-shadow-2);
}

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

body.powerland-ui-v2 :where(.footer, footer) {
	color: var(--pl-color-text-secondary);
}

@media (max-width: 61.99rem) {
	body.powerland-ui-v2 .site-layout > .the-main-container {
		padding-block: var(--pl-space-5);
	}
}

@media (max-width: 47.99rem) {
	body.powerland-ui-v2 .site-layout > .the-main-container {
		padding-block: var(--pl-space-4);
	}

	body.powerland-ui-v2 .site-sidebar :where(.widget, .widget-footer),
	body.powerland-ui-v2 .nav_menu_sidebar :where(.widget),
	body.powerland-ui-v2 nav.nav_menu {
		border-radius: var(--pl-radius-md);
	}
}

@media (prefers-reduced-motion: reduce) {
	body.powerland-ui-v2 .site-header {
		backdrop-filter: none;
	}
}