/**
 * Cyberspace Group Landing Layout
 *
 * Runtime compatibility layer for CyberSpace Groups and BuddyBoss.
 * All BuddyBoss overrides are scoped to an active CSG landing.
 */

/* -------------------------------------------------------------------------
 * Embedded group landing
 * BuddyBoss reserves 25% for vertical object navigation above 46.8em.
 * The landing is rendered inside #item-body, so the unused column must be
 * collapsed before width: 100% can mean the full group-header width.
 * ---------------------------------------------------------------------- */
@media screen and (min-width: 46.8em) {
	body.csg-landing-active .bp-single-vert-nav > .bp-wrap,
	body.csg-landing-active.bp-single-vert-nav #buddypress > .bp-wrap {
		display: block !important;
		width: 100% !important;
		max-width: none !important;
	}

	body.csg-landing-active .bb-single-main-nav--vertical {
		display: none !important;
		float: none !important;
		width: 0 !important;
		min-width: 0 !important;
		border: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	body.csg-landing-active #item-body.item-body {
		float: none !important;
		clear: both !important;
		flex: 0 0 100% !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: none !important;
		margin-left: 0 !important;
		padding-left: 0 !important;
		padding-inline-start: 0 !important;
		grid-column: 1 / -1 !important;
	}

	body.csg-landing-active #item-body > .csg-lp-wrap {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

/* -------------------------------------------------------------------------
 * Standalone /landing/{slug}/ landing
 * Use the same 1240px shell and gutters as .csg-lph-content.
 * Readability limits inside sections (640–1024px) intentionally remain.
 * ---------------------------------------------------------------------- */
.csg-landing-standalone {
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: 1240px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 24px !important;
	padding-right: 24px !important;
}

.csg-landing-standalone > .csg-lp-wrap {
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

@media screen and (max-width: 767px) {
	.csg-landing-standalone {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}
}

/* Respect the operating-system motion preference without changing the visual
 * design for other visitors. */
@media (prefers-reduced-motion: reduce) {
	body.csg-landing-active .csg-lp-section,
	body.csg-landing-active .csg-lp-section *,
	.csg-landing-standalone .csg-lp-section,
	.csg-landing-standalone .csg-lp-section *,
	.csg-lph-wrap *,
	.csg-landing-standalone .csg-lpf-wrap * {
		animation-duration: 0.01ms !important;
		animation-delay: 0ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}