/*
 * paRRssport Early Release Polish 0.1.15
 * Scoped to current BuddyBoss ReadyLaunch, BuddyX and RRPC markup.
 */

:root {
	--rrpep-profile-avatar: 104px;
	--rrpep-profile-avatar-mobile: 74px;
	--rrpep-grid-gap: 6px;
	--rrpep-grid-gap-laptop: 4px;
	--rrpep-grid-gap-mobile: 1px;
	--rrpep-group-header-width: 1140px;
	--rrpep-group-cover-height-large: clamp(340px, 20vw, 386px);
	--rrpep-group-cover-height-mobile: clamp(150px, 42vw, 240px);
}

/* -------------------------------------------------------------------------
   Compact member profile header
   ------------------------------------------------------------------------- */

.rrpep-early-release-polish #buddypress
[data-bp-item-component="members"].bb-rl-profile-header {
	height: auto !important;
	min-height: 0 !important;
	margin-bottom: 12px !important;
}

.rrpep-early-release-polish #bb-rl-profile-container.bb-rl-profile-container {
	width: 100% !important;
	max-width: none !important;
	height: auto !important;
	min-height: 0 !important;
	padding: 16px 18px !important;
	border-radius: 14px;
}

.rrpep-early-release-polish #bb-rl-profile-item-header.bb-rl-profile-item-header {
	align-items: center !important;
	gap: 16px !important;
	min-height: 0 !important;
}

.rrpep-early-release-polish #bb-rl-item-header-avatar.bb-rl-profile-avatar {
	flex: 0 0 var(--rrpep-profile-avatar) !important;
	width: var(--rrpep-profile-avatar) !important;
	height: var(--rrpep-profile-avatar) !important;
	margin: 0 !important;
}

.rrpep-early-release-polish #bb-rl-item-header-avatar.bb-rl-profile-avatar img.avatar {
	display: block !important;
	width: var(--rrpep-profile-avatar) !important;
	height: var(--rrpep-profile-avatar) !important;
	max-width: var(--rrpep-profile-avatar) !important;
	max-height: var(--rrpep-profile-avatar) !important;
	object-fit: cover !important;
}

.rrpep-early-release-polish #bb-rl-item-header-content.bb-rl-profile-header-content {
	flex: 1 1 auto !important;
	min-width: 0 !important;
	padding: 0 !important;
}

.rrpep-early-release-polish
#bb-rl-item-header-content .member-title-wrap {
	gap: 2px !important;
	margin: 0 !important;
}

.rrpep-early-release-polish
#bb-rl-item-header-content .bp-member-type {
	margin: 0 !important;
	font-size: 11px !important;
	line-height: 1.2 !important;
}

.rrpep-early-release-polish
#bb-rl-item-header-content h2.user-nicename {
	margin: 0 !important;
	font-size: clamp(21px, 2vw, 26px) !important;
	line-height: 1.12 !important;
}

.rrpep-early-release-polish
#bb-rl-item-header-content .item-meta {
	margin-top: 4px !important;
	font-size: 12.5px !important;
	line-height: 1.35 !important;
}

.rrpep-early-release-polish
#bb-rl-item-header-content .rrpse-profile-meta {
	margin-top: 7px !important;
	font-size: 13px !important;
	line-height: 1.38 !important;
}

.rrpep-early-release-polish
#bb-rl-item-header-content .rrpse-profile-bio {
	margin: 0 0 4px !important;
}

.rrpep-early-release-polish
#bb-rl-item-header-content .rrpse-profile-facts {
	gap: 8px !important;
}

.rrpep-early-release-polish
#bb-rl-item-header-content .bb-rl-member-header-actions-wrap {
	margin-top: 8px !important;
}

.rrpep-early-release-polish
#bb-rl-item-header-content .bb-rl-member-header-actions .button {
	min-height: 34px !important;
	padding: 6px 11px !important;
	font-size: 12.5px !important;
	line-height: 1.2 !important;
}

/* -------------------------------------------------------------------------
   Combined Media grid: less padding on laptops; nearly edge-to-edge on mobile
   ------------------------------------------------------------------------- */

.rrpep-early-release-polish .rrpc-profile .rrpc-grid {
	gap: var(--rrpep-grid-gap) !important;
}

.rrpep-early-release-polish .rrpc-profile .rrpc-card {
	border-radius: 4px !important;
}

.rrpep-early-release-polish .rrpc-profile .rrpc-filters {
	gap: 6px !important;
	padding-bottom: 10px !important;
}

@media (min-width: 601px) and (max-width: 1400px) {
	.rrpep-early-release-polish .rrpc-profile .rrpc-grid {
		width: calc(100% + 8px);
		margin-right: -4px;
		margin-left: -4px;
		gap: var(--rrpep-grid-gap-laptop) !important;
	}
}

@media (max-width: 900px) {
	.rrpep-early-release-polish .rrpc-profile .rrpc-grid {
		gap: 3px !important;
	}
}

@media (max-width: 600px) {
	.rrpep-early-release-polish .rrpc-profile .rrpc-grid {
		width: 100vw;
		max-width: 100vw;
		margin-right: calc(50% - 50vw);
		margin-left: calc(50% - 50vw);
		gap: var(--rrpep-grid-gap-mobile) !important;
	}

	.rrpep-early-release-polish .rrpc-profile .rrpc-card,
	.rrpep-early-release-polish .rrpc-profile .rrpc-open-media {
		border-radius: 0 !important;
	}
}


/* -------------------------------------------------------------------------
   Groups: preserve BuddyBoss cover mechanics and stabilise only the extremes
   ------------------------------------------------------------------------- */

/* Version 0.1.6 deliberately leaves BuddyBoss's actual cover image,
 * background-position and repositioning layer alone. The earlier release
 * replaced the native background with a foreground image and forced sizing on
 * the drag layer; that caused the blank lower area and the false "upload a
 * larger image" warning. JavaScript still moves the genuine summary below the
 * cover so the Facebook-style order remains intact.
 */
.rrpep-early-release-polish.groups.single-item
.bb-rl-groups-single-wrapper,
.rrpep-early-release-polish.single-groups
.bb-rl-groups-single-wrapper,
.rrpep-early-release-polish.groups.single-item
.bb-rl-group-section,
.rrpep-early-release-polish.single-groups
.bb-rl-group-section {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
}

.rrpep-early-release-polish.groups.single-item
#cover-image-container.bb-rl-group-cover,
.rrpep-early-release-polish.single-groups
#cover-image-container.bb-rl-group-cover,
.rrpep-early-release-polish.groups.single-item
.bb-rl-group-section > .rrpep-group-summary,
.rrpep-early-release-polish.single-groups
.bb-rl-group-section > .rrpep-group-summary,
.rrpep-early-release-polish.groups.single-item
.bb-rl-group-details.bb-rl-details-entry,
.rrpep-early-release-polish.single-groups
.bb-rl-group-details.bb-rl-details-entry {
	box-sizing: border-box !important;
	width: min(100%, var(--rrpep-group-header-width)) !important;
	max-width: var(--rrpep-group-header-width) !important;
	margin-right: auto !important;
	margin-left: auto !important;
}

/* The summary was originally a top-level ReadyLaunch header. After it is
 * moved below the cover, clear only inherited sizing that can stretch it to
 * several hundred pixels. Its native title, member stack and actions remain
 * intact; the duplicate group avatar is removed separately below.
 */
.rrpep-early-release-polish.groups.single-item
.bb-rl-group-section > .rrpep-group-summary,
.rrpep-early-release-polish.single-groups
.bb-rl-group-section > .rrpep-group-summary {
	position: relative !important;
	inset: auto !important;
	flex: 0 0 auto !important;
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.rrpep-early-release-polish.groups.single-item
.bb-rl-group-details > .bb-rl-content-wrapper,
.rrpep-early-release-polish.single-groups
.bb-rl-group-details > .bb-rl-content-wrapper,
.rrpep-early-release-polish.groups.single-item
.bb-rl-group-details .bb-rl-primary-container,
.rrpep-early-release-polish.single-groups
.bb-rl-group-details .bb-rl-primary-container {
	width: 100% !important;
	max-width: none !important;
}

/* Keep the useful dark overlay on the native cover controls without changing
 * the cover image or BuddyBoss's drag/reposition implementation.
 */
.rrpep-early-release-polish.groups.single-item
#header-cover-image > .bb-rl-group-cover-ctrl,
.rrpep-early-release-polish.single-groups
#header-cover-image > .bb-rl-group-cover-ctrl {
	z-index: 5 !important;
	background: rgba(15, 18, 24, 0.78) !important;
	color: #fff !important;
	border-color: rgba(255, 255, 255, 0.48) !important;
	backdrop-filter: blur(4px);
}

.rrpep-early-release-polish.groups.single-item
#header-cover-image > .bb-rl-group-cover-ctrl i,
.rrpep-early-release-polish.single-groups
#header-cover-image > .bb-rl-group-cover-ctrl i {
	color: #fff !important;
}

/* On ordinary laptop widths, BuddyBoss keeps the exact 0.1.3 proportions that
 * already looked right. Only very wide desktop viewports are capped to the
 * same practical dimensions, preventing a 4K screen from turning the cover
 * into a panoramic strip.
 */
@media (min-width: 1800px) {
	.rrpep-early-release-polish.groups.single-item
	#cover-image-container.bb-rl-group-cover,
	.rrpep-early-release-polish.single-groups
	#cover-image-container.bb-rl-group-cover {
		height: var(--rrpep-group-cover-height-large) !important;
		min-height: var(--rrpep-group-cover-height-large) !important;
		max-height: var(--rrpep-group-cover-height-large) !important;
	}

	.rrpep-early-release-polish.groups.single-item
	#header-cover-image.bb-rl-header-cover,
	.rrpep-early-release-polish.single-groups
	#header-cover-image.bb-rl-header-cover {
		height: 100% !important;
		min-height: 0 !important;
		max-height: none !important;
		background-repeat: no-repeat !important;
		background-size: cover !important;
	}
}

/* The cover is the group identity in this design. Remove the duplicate round
 * group avatar from the single-group summary, while leaving member avatars,
 * organizer controls and the cover-management tools untouched.
 */
.rrpep-early-release-polish
.bb-rl-groups-single-wrapper .bb-rl-secondary-header
.bb-rl-group-info #bb-rl-item-header-avatar {
	display: none !important;
}

/* ReadyLaunch grid cards already have a cover image. Hide the overlapping
 * group avatar only when that cover is enabled. Preserve the avatar in list
 * view and in grids where cover images have been disabled.
 */
.rrpep-early-release-polish #buddypress
#groups-list.bp-list.grid.bb-cover-enabled.groups-dir-list
> li.item-entry > .list-wrap.bb-rl-group-block > .item-avatar {
	display: none !important;
}

/* Match the Collections manager toggle to ReadyLaunch's native secondary
 * profile action. The same ReadyLaunch tokens cover both light and dark mode.
 */
.rrpep-early-release-polish .rrpc-toggle-manager {
	border: 1px solid var(--bb-rl-border-tertiary-color, #d6d9dd) !important;
	background: transparent !important;
	color: var(--bb-rl-text-color, #242425) !important;
	box-shadow: none !important;
	text-shadow: none !important;
}

.rrpep-early-release-polish .rrpc-toggle-manager:hover,
.rrpep-early-release-polish .rrpc-toggle-manager:focus-visible {
	background: var(--bb-rl-background-secondary-color, #f6f6f6) !important;
	color: var(--bb-rl-text-color, #242425) !important;
}

/* -------------------------------------------------------------------------
   Dark mode: restore contrast to secondary controls and Collection filters
   ------------------------------------------------------------------------- */

html[data-bx-mode="dark"] body.rrpep-early-release-polish .rrpc-filter,
body.rrpep-early-release-polish.bb-rl-dark-mode .rrpc-filter,
body.rrpep-early-release-polish.rrpep-dark-mode .rrpc-filter {
	border-color: #596270 !important;
	background: #252a31 !important;
	color: #f5f7fa !important;
	box-shadow: none !important;
}

html[data-bx-mode="dark"] body.rrpep-early-release-polish .rrpc-filter:hover,
html[data-bx-mode="dark"] body.rrpep-early-release-polish .rrpc-filter:focus-visible,
body.rrpep-early-release-polish.bb-rl-dark-mode .rrpc-filter:hover,
body.rrpep-early-release-polish.bb-rl-dark-mode .rrpc-filter:focus-visible {
	border-color: #8f9aaa !important;
	background: #323840 !important;
	color: #fff !important;
}

html[data-bx-mode="dark"] body.rrpep-early-release-polish .rrpc-filter.is-active,
body.rrpep-early-release-polish.bb-rl-dark-mode .rrpc-filter.is-active,
body.rrpep-early-release-polish.rrpep-dark-mode .rrpc-filter.is-active {
	border-color: #d9dee7 !important;
	background: #eef1f6 !important;
	color: #11151b !important;
}

html[data-bx-mode="dark"] body.rrpep-early-release-polish .rrpc-collection-filter,
body.rrpep-early-release-polish.bb-rl-dark-mode .rrpc-collection-filter,
body.rrpep-early-release-polish.rrpep-dark-mode .rrpc-collection-filter {
	border-color: #596270 !important;
	background-color: #252a31 !important;
	color: #f5f7fa !important;
	color-scheme: dark;
}

html[data-bx-mode="dark"] body.rrpep-early-release-polish .rrpc-manager .button:not(.button-primary),
html[data-bx-mode="dark"] body.rrpep-early-release-polish .rrpc-modal .button:not(.button-primary),
html[data-bx-mode="dark"] body.rrpep-early-release-polish
#bb-rl-item-header-content .bb-rl-member-header-actions .button,
body.rrpep-early-release-polish.bb-rl-dark-mode .rrpc-manager .button:not(.button-primary),
body.rrpep-early-release-polish.bb-rl-dark-mode .rrpc-modal .button:not(.button-primary),
body.rrpep-early-release-polish.bb-rl-dark-mode
#bb-rl-item-header-content .bb-rl-member-header-actions .button {
	border-color: #596270 !important;
	background: #252a31 !important;
	color: #f7f9fc !important;
	text-shadow: none !important;
}

html[data-bx-mode="dark"] body.rrpep-early-release-polish
#bb-rl-item-header-content .bb-rl-member-header-actions .button:hover,
html[data-bx-mode="dark"] body.rrpep-early-release-polish
#bb-rl-item-header-content .bb-rl-member-header-actions .button:focus-visible {
	border-color: #8f9aaa !important;
	background: #343a43 !important;
	color: #fff !important;
}

html[data-bx-mode="dark"] body.rrpep-early-release-polish .rrpc-manager,
html[data-bx-mode="dark"] body.rrpep-early-release-polish .rrpc-modal-dialog,
body.rrpep-early-release-polish.bb-rl-dark-mode .rrpc-manager,
body.rrpep-early-release-polish.bb-rl-dark-mode .rrpc-modal-dialog {
	border-color: #454c57 !important;
	background: #1f2329 !important;
	color: #f5f7fa !important;
}

html[data-bx-mode="dark"] body.rrpep-early-release-polish.groups.single-item
.bb-rl-group-section > .rrpep-group-summary,
html[data-bx-mode="dark"] body.rrpep-early-release-polish.groups.single-item
.bb-rl-group-details .bb-rl-primary-container > .bb-rl-secondary-header,
html[data-bx-mode="dark"] body.rrpep-early-release-polish.single-groups
.bb-rl-group-section > .rrpep-group-summary,
html[data-bx-mode="dark"] body.rrpep-early-release-polish.single-groups
.bb-rl-group-details .bb-rl-primary-container > .bb-rl-secondary-header,
body.rrpep-early-release-polish.bb-rl-dark-mode.groups.single-item
.bb-rl-group-section > .rrpep-group-summary,
body.rrpep-early-release-polish.bb-rl-dark-mode.groups.single-item
.bb-rl-group-details .bb-rl-primary-container > .bb-rl-secondary-header {
	border-color: #454c57 !important;
	background: #20242a !important;
	color: #f5f7fa !important;
}

html[data-bx-mode="dark"] body.rrpep-early-release-polish.groups.single-item
.rrpep-group-summary .bb-rl-group-title,
html[data-bx-mode="dark"] body.rrpep-early-release-polish.single-groups
.rrpep-group-summary .bb-rl-group-title,
body.rrpep-early-release-polish.bb-rl-dark-mode.groups.single-item
.rrpep-group-summary .bb-rl-group-title {
	color: #f5f7fa !important;
}

/* -------------------------------------------------------------------------
   Theme controls
   ------------------------------------------------------------------------- */

/* Existing BuddyBoss avatar-menu controls remain usable. */
.rrpep-early-release-polish .rrpep-theme-menu,
.rrpep-early-release-polish .rrpep-theme-menu > a,
.rrpep-early-release-polish .rrpep-theme-menu .bb-profile-submenu-lists,
.rrpep-early-release-polish #bb-rl-profile-theme-light,
.rrpep-early-release-polish #bb-rl-profile-theme-dark {
	visibility: visible !important;
}

.rrpep-early-release-polish .rrpep-theme-menu {
	display: list-item !important;
}

.rrpep-early-release-polish
#bb-rl-profile-theme-light.is-active > a,
.rrpep-early-release-polish
#bb-rl-profile-theme-dark.is-active > a {
	font-weight: 700;
}

.rrpep-early-release-polish
#bb-rl-profile-theme-light.is-active > a::after,
.rrpep-early-release-polish
#bb-rl-profile-theme-dark.is-active > a::after {
	float: right;
	content: "✓";
	font-weight: 700;
}

/* Custom Home & Publishing desktop More menu. */
.rrpep-early-release-polish #rrph-more-menu .rrpep-theme-toggle {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	min-height: 42px;
	margin: 0;
	padding: 9px 12px;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: inherit;
	font: inherit;
	text-align: left;
	cursor: pointer;
	appearance: none;
}

.rrpep-early-release-polish #rrph-more-menu .rrpep-theme-toggle:hover,
.rrpep-early-release-polish #rrph-more-menu .rrpep-theme-toggle:focus-visible {
	background: rgba(127, 127, 127, 0.11);
	outline: none;
}

.rrpep-early-release-polish .rrpep-theme-toggle__icon {
	flex: 0 0 22px;
	width: 22px;
	height: 22px;
}

.rrpep-early-release-polish .rrpep-theme-toggle__label {
	flex: 1 1 auto;
}

.rrpep-early-release-polish .rrpep-theme-switch {
	position: relative;
	flex: 0 0 38px;
	width: 38px;
	height: 22px;
	border: 1px solid rgba(60, 60, 67, 0.22);
	border-radius: 999px;
	background: #c9cbd1;
	transition: background-color 160ms ease;
}

.rrpep-early-release-polish .rrpep-theme-switch::after {
	position: absolute;
	top: 2px;
	left: 2px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
	content: "";
	transition: transform 160ms ease;
}

.rrpep-early-release-polish
.rrpep-theme-toggle[aria-pressed="true"] .rrpep-theme-switch {
	background: var(--bb-rl-primary-color, #3e34ff);
}

.rrpep-early-release-polish
.rrpep-theme-toggle[aria-pressed="true"] .rrpep-theme-switch::after {
	transform: translateX(16px);
}

/* ReadyLaunch mobile hamburger panel. */
.rrpep-early-release-polish
.bb-readylaunch-mobile-menu_items li.rrpep-mobile-theme-item {
	width: 100%;
}

.rrpep-early-release-polish
.bb-readylaunch-mobile-menu_items .rrpep-theme-toggle {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	min-height: 46px;
	padding: 8px 0;
	border: 0;
	background: transparent;
	color: inherit;
	font: inherit;
	text-align: left;
	cursor: pointer;
}

.rrpep-early-release-polish
.bb-readylaunch-mobile-menu_items .rrpep-theme-toggle__icon {
	font-size: 22px;
}

.rrpep-early-release-polish
.bb-readylaunch-mobile-menu_items .rrpep-theme-switch {
	margin-left: auto;
}

/* -------------------------------------------------------------------------
   Mobile profile: full-bleed, compact and still readable/editable
   ------------------------------------------------------------------------- */

@media (max-width: 782px) {
	/*
	 * Remove the ReadyLaunch page gutters at their source on member pages.
	 * The profile header and navigation can then use a normal 100% width,
	 * centred in the viewport, rather than a 100vw element offset from a
	 * still-padded parent.
	 */
	html body.bp-user.rrpep-early-release-polish
	#primary.site-main > .bb-rl-container,
	html body.bp-user.rrpep-early-release-polish
	#buddypress,
	html body.bp-user.rrpep-early-release-polish
	#buddypress > .bp-wrap,
	html body.bp-user.rrpep-early-release-polish
	#buddypress > .bp-wrap > .bb-rl-content-wrapper,
	html body.bp-user.rrpep-early-release-polish
	#buddypress .bb-rl-primary-container {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: none !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
		padding-right: 0 !important;
		padding-left: 0 !important;
		transform: none !important;
	}

	html body.bp-user.rrpep-early-release-polish #buddypress
	[data-bp-item-component="members"].bb-rl-profile-header,
	html body.bp-user.rrpep-early-release-polish #buddypress
	nav.bb-rl-main-nav.users-nav {
		box-sizing: border-box !important;
		position: relative !important;
		right: auto !important;
		left: auto !important;
		width: 100% !important;
		max-width: none !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
		border-right: 0 !important;
		border-left: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		transform: none !important;
	}

	html body.bp-user.rrpep-early-release-polish #buddypress
	[data-bp-item-component="members"].bb-rl-profile-header {
		margin-bottom: 0 !important;
	}

	/* Restore normal reading gutters below the full-width header/navigation. */
	html body.bp-user.rrpep-early-release-polish #buddypress
	.bb-rl-primary-container > .bp-wrap {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		padding-right: 16px !important;
		padding-left: 16px !important;
	}

	html body.bp-user.rrpep-early-release-polish
	#bb-rl-profile-container.bb-rl-profile-container {
		width: 100% !important;
		max-width: none !important;
		padding: 10px 12px !important;
		border-right: 0 !important;
		border-left: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
	}

	html body.bp-user.rrpep-early-release-polish #buddypress
	nav.bb-rl-main-nav.users-nav {
		margin-bottom: 10px !important;
		padding-right: 8px !important;
		padding-left: 8px !important;
	}

	.rrpep-early-release-polish
	#bb-rl-profile-item-header.bb-rl-profile-item-header {
		display: grid !important;
		grid-template-columns:
			var(--rrpep-profile-avatar-mobile)
			minmax(0, 1fr);
		align-items: start !important;
		gap: 10px !important;
	}

	.rrpep-early-release-polish
	#bb-rl-item-header-avatar.bb-rl-profile-avatar {
		width: var(--rrpep-profile-avatar-mobile) !important;
		height: var(--rrpep-profile-avatar-mobile) !important;
		flex-basis: var(--rrpep-profile-avatar-mobile) !important;
	}

	.rrpep-early-release-polish
	#bb-rl-item-header-avatar.bb-rl-profile-avatar img.avatar {
		width: var(--rrpep-profile-avatar-mobile) !important;
		height: var(--rrpep-profile-avatar-mobile) !important;
		max-width: var(--rrpep-profile-avatar-mobile) !important;
		max-height: var(--rrpep-profile-avatar-mobile) !important;
	}

	.rrpep-early-release-polish
	#bb-rl-item-header-content h2.user-nicename {
		font-size: 18px !important;
		line-height: 1.1 !important;
	}

	.rrpep-early-release-polish
	#bb-rl-item-header-content .bp-member-type {
		font-size: 10px !important;
	}

	.rrpep-early-release-polish
	#bb-rl-item-header-content .item-meta {
		display: flex !important;
		flex-wrap: wrap !important;
		gap: 2px 4px !important;
		margin-top: 3px !important;
		font-size: 11.5px !important;
		line-height: 1.25 !important;
	}

	.rrpep-early-release-polish
	#bb-rl-item-header-content .rrpse-profile-meta {
		margin-top: 4px !important;
		font-size: 12px !important;
		line-height: 1.3 !important;
	}

	.rrpep-early-release-polish
	#bb-rl-item-header-content .rrpse-profile-bio {
		display: -webkit-box;
		overflow: hidden;
		margin-bottom: 3px !important;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}

	.rrpep-early-release-polish
	#bb-rl-item-header-content .bb-rl-member-header-actions-wrap {
		margin-top: 5px !important;
	}

	.rrpep-early-release-polish
	#bb-rl-item-header-content .bb-rl-member-header-actions .button {
		min-height: 30px !important;
		padding: 5px 9px !important;
		font-size: 11.5px !important;
	}

}


@media (max-width: 782px) {
	html body.rrpep-early-release-polish.groups.single-item
	#primary.site-main > .bb-rl-container,
	html body.rrpep-early-release-polish.single-groups
	#primary.site-main > .bb-rl-container {
		width: 100% !important;
		max-width: none !important;
	}

	html body.rrpep-early-release-polish.groups.single-item
	#cover-image-container.bb-rl-group-cover,
	html body.rrpep-early-release-polish.single-groups
	#cover-image-container.bb-rl-group-cover {
		width: 100% !important;
		max-width: none !important;
		height: var(--rrpep-group-cover-height-mobile) !important;
		min-height: var(--rrpep-group-cover-height-mobile) !important;
		max-height: var(--rrpep-group-cover-height-mobile) !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	html body.rrpep-early-release-polish.groups.single-item
	#header-cover-image.bb-rl-header-cover,
	html body.rrpep-early-release-polish.single-groups
	#header-cover-image.bb-rl-header-cover {
		height: 100% !important;
		min-height: 0 !important;
		max-height: none !important;
		border-radius: 0 !important;
		background-repeat: no-repeat !important;
		background-size: cover !important;
	}

	html body.rrpep-early-release-polish.groups.single-item
	.bb-rl-group-section > .rrpep-group-summary,
	html body.rrpep-early-release-polish.single-groups
	.bb-rl-group-section > .rrpep-group-summary,
	html body.rrpep-early-release-polish.groups.single-item
	.bb-rl-group-details.bb-rl-details-entry,
	html body.rrpep-early-release-polish.single-groups
	.bb-rl-group-details.bb-rl-details-entry {
		width: 100% !important;
		max-width: none !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	html body.rrpep-early-release-polish.groups.single-item
	.bb-rl-group-section > .rrpep-group-summary,
	html body.rrpep-early-release-polish.single-groups
	.bb-rl-group-section > .rrpep-group-summary {
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
	}
}



/* -------------------------------------------------------------------------
   First-release footer and Riviera Ready network
   ------------------------------------------------------------------------- */

.rrpep-site-footer {
	position: relative;
	z-index: 2;
	box-sizing: border-box;
	clear: both;
	width: 100%;
	margin: 0;
	padding: 34px 24px calc(22px + env(safe-area-inset-bottom));
	color: var(--bb-rl-text-color, #242425);
	background: var(--bb-rl-background-color, #ffffff);
	border-top: 1px solid var(--bb-rl-border-secondary-color, #e7e7e7);
}

/* ReadyLaunch's desktop panel is a fixed 300px sibling of the site. Match the
 * native content offset without changing non-ReadyLaunch or mobile layouts.
 */
.bb-rl-left-panel ~ .rrpep-site-footer {
	width: calc(100% - 300px);
	margin-left: 300px;
}

.rrpep-site-footer__inner {
	width: min(100%, 1140px);
	margin: 0 auto;
}

.rrpep-site-footer__network {
	display: grid;
	grid-template-columns: minmax(190px, 0.7fr) minmax(0, 2.3fr);
	gap: 24px;
	align-items: center;
	padding-bottom: 26px;
}

.rrpep-site-footer__network-heading h2 {
	margin: 2px 0 0;
	color: var(--bb-rl-text-color, #242425);
	font-size: clamp(18px, 1.5vw, 23px);
	font-weight: 600;
	line-height: 1.2;
}

.rrpep-site-footer__eyebrow {
	display: block;
	color: var(--bb-rl-text-tertiary-color, #858586);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.12em;
	line-height: 1.2;
	text-transform: uppercase;
}

.rrpep-site-footer__network-links {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
}

.rrpep-network-link {
	display: grid;
	grid-template-columns: 38px minmax(0, 1fr) auto;
	gap: 10px;
	align-items: center;
	min-width: 0;
	padding: 11px 12px;
	color: var(--bb-rl-text-color, #242425);
	background: var(--bb-rl-background-secondary-color, #f6f6f6);
	border: 1px solid var(--bb-rl-border-secondary-color, #e7e7e7);
	border-radius: 12px;
	text-decoration: none !important;
	transition: border-color 160ms ease, transform 160ms ease, background-color 160ms ease;
}

.rrpep-network-link:hover,
.rrpep-network-link:focus-visible {
	color: var(--bb-rl-text-color, #242425);
	background: var(--bb-rl-background-hover-color, #f8f8f8);
	border-color: var(--bb-rl-border-tertiary-color, #cececf);
	transform: translateY(-1px);
}

.rrpep-network-link:focus-visible {
	outline: 2px solid var(--bb-rl-primary-color, #4946fe);
	outline-offset: 2px;
}

.rrpep-network-link__mark {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	color: #ffffff;
	background: #111111;
	border-radius: 50%;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: -0.02em;
}

.rrpep-network-link__copy {
	display: block;
	min-width: 0;
}

.rrpep-network-link__copy strong,
.rrpep-network-link__copy small {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.rrpep-network-link__copy strong {
	font-size: 13px;
	font-weight: 600;
	line-height: 1.25;
}

.rrpep-network-link__copy small {
	margin-top: 2px;
	color: var(--bb-rl-text-tertiary-color, #858586);
	font-size: 10.5px;
	line-height: 1.25;
}

.rrpep-network-link__arrow {
	color: var(--bb-rl-text-tertiary-color, #858586);
	font-size: 14px;
}

.rrpep-site-footer__base {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 24px;
	align-items: center;
	justify-content: space-between;
	padding-top: 18px;
	border-top: 1px solid var(--bb-rl-border-secondary-color, #e7e7e7);
}

.rrpep-site-footer__legal {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 18px;
}

.rrpep-site-footer__legal a,
.rrpep-site-footer__copyright {
	margin: 0;
	color: var(--bb-rl-text-tertiary-color, #858586);
	font-size: 11px;
	line-height: 1.4;
}

.rrpep-site-footer__legal a {
	text-decoration: none;
}

.rrpep-site-footer__legal a:hover,
.rrpep-site-footer__legal a:focus-visible {
	color: var(--bb-rl-text-color, #242425);
	text-decoration: underline;
	text-underline-offset: 3px;
}

@media screen and (max-width: 1100px) {
	.rrpep-site-footer__network {
		grid-template-columns: 1fr;
		gap: 14px;
	}
}

@media screen and (max-width: 992px) {
	.bb-rl-left-panel ~ .rrpep-site-footer {
		width: 100%;
		margin-left: 0;
	}
}

@media screen and (max-width: 700px) {
	.rrpep-site-footer {
		padding: 26px 14px calc(88px + env(safe-area-inset-bottom));
	}

	.rrpep-site-footer__network-links {
		grid-template-columns: 1fr;
	}

	.rrpep-network-link__copy strong,
	.rrpep-network-link__copy small {
		white-space: normal;
	}

	.rrpep-site-footer__base {
		align-items: flex-start;
		flex-direction: column;
	}
}

/* 0.1.9: retain the native bell. */
.group-subscription .rrpep-group-notification-label {
	display: none !important;
}

/* Undo the wider labelled-button treatment from 0.1.8 and return to the
 * native compact ReadyLaunch bell dimensions. */
.groups-header #cover-image-container #item-header-content
.group-actions-absolute .groups-meta .group-subscription,
.bb-rl-groups-single-wrapper .group-subscription {
	width: auto !important;
	min-width: auto !important;
	padding: 0 9px !important;
}

/* 0.1.11: the network control belongs to the same left navigation column.
 * It is moved into Home & Publishing's custom desktop navigation by JS and
 * placed directly below More, matching the single-panel Instagram pattern. */
.rrpep-network-control {
	position: relative;
	z-index: 2;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
}

.rrpep-network-control__toggle {
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	min-height: 44px;
	padding: 8px 12px;
	border: 0;
	border-radius: var(--bb-rl-radius-md, 8px);
	background: transparent;
	color: var(--bb-rl-text-color, #242425);
	font: inherit;
	font-size: .82rem;
	font-weight: 500;
	line-height: 1.15;
	text-align: left;
	cursor: pointer;
	box-sizing: border-box;
}

.rrpep-network-control__toggle:hover,
.rrpep-network-control__toggle:focus-visible {
	background: var(--bb-rl-background-secondary-hover-color, #f3f3f3);
	color: inherit;
	outline: none;
}

.rrpep-network-control__brand-icon {
	position: relative;
	display: block;
	flex: 0 0 24px;
	width: 24px;
	height: 24px;
	overflow: hidden;
}

.rrpep-network-control__brand-icon img {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.rrpep-network-control__brand-icon-dark {
	display: none !important;
}

html[data-bx-mode="dark"] body .rrpep-network-control__brand-icon-light,
body.bb-rl-dark-mode .rrpep-network-control__brand-icon-light,
body.rrpep-dark-mode .rrpep-network-control__brand-icon-light {
	display: none !important;
}

html[data-bx-mode="dark"] body .rrpep-network-control__brand-icon-dark,
body.bb-rl-dark-mode .rrpep-network-control__brand-icon-dark,
body.rrpep-dark-mode .rrpep-network-control__brand-icon-dark {
	display: block !important;
}

.rrpep-network-control__popover {
	position: absolute;
	left: 0;
	bottom: calc(100% + 8px);
	z-index: 1060;
	box-sizing: border-box;
	width: 238px;
	padding: 8px;
	background: var(--bb-rl-background-color, #fff);
	border: 1px solid var(--bb-rl-border-secondary-color, #e5e5e5);
	border-radius: 14px;
	box-shadow: 0 12px 34px rgba(0,0,0,.14);
}

.rrpep-network-control__popover a {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	padding: 10px;
	border-radius: 9px;
	color: inherit;
	text-decoration: none;
}

.rrpep-network-control__popover a:hover,
.rrpep-network-control__popover a:focus-visible {
	background: var(--bb-rl-background-secondary-color, #f5f5f5);
	outline: none;
}

.rrpep-network-control__popover strong,
.rrpep-network-control__popover small {
	display: block;
}

.rrpep-network-control__popover small {
	margin-top: 2px;
	color: var(--bb-rl-text-tertiary-color, #777);
	font-size: 11px;
}

/* The actual Passport desktop navigation is 192px wide. Keep both bottom
 * controls in that one column and use the same rhythm as its normal links. */
@media (min-width: 1025px) {
	body.rrph-custom-desktop-nav
	.rrph-desktop-nav > .rrpep-network-control--custom-nav {
		position: relative;
		left: auto;
		bottom: auto;
		z-index: auto;
		flex: 0 0 auto;
		width: 100%;
		margin: 4px 0 0;
	}

	body.rrph-custom-desktop-nav
	.rrph-desktop-nav > .rrpep-network-control--custom-nav
	.rrpep-network-control__toggle {
		min-height: 48px;
		gap: 14px;
		padding: 0 12px;
		border-radius: 10px;
		font-size: 12.5px;
	}

	body.rrph-custom-desktop-nav
	.rrph-desktop-nav > .rrpep-network-control--custom-nav
	.rrpep-network-control__popover {
		left: 0;
		bottom: calc(100% + 8px);
	}

	/* Native ReadyLaunch fallback only; this is not used when Home &
	 * Publishing's custom navigation is present. */
	.rrpep-network-control--native-fallback {
		position: fixed;
		left: 16px;
		bottom: 58px;
		z-index: 1045;
		width: 268px;
	}
}

.rrpep-site-footer {
	padding: 18px 24px calc(18px + env(safe-area-inset-bottom));
	border-top: 0;
	background: transparent;
}
.bb-rl-left-panel ~ .rrpep-site-footer {
	width: calc(100% - 300px);
	margin-left: 300px;
}
.rrpep-site-footer__legal {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 7px 15px;
}
.rrpep-site-footer__legal a,
.rrpep-site-footer__legal span {
	color: var(--bb-rl-text-tertiary-color, #858586);
	font-size: 10.5px;
	line-height: 1.4;
	text-decoration: none;
}
.rrpep-site-footer__legal a:hover,
.rrpep-site-footer__legal a:focus-visible {
	color: var(--bb-rl-text-color, #242425);
	text-decoration: underline;
}
.rrpep-cover-photo-note {
	margin: 12px 0;
	padding: 11px 13px;
	border-radius: 8px;
	background: var(--bb-rl-background-secondary-color, #f5f5f5);
	color: var(--bb-rl-text-secondary-color, #555);
	font-size: 13px;
	line-height: 1.45;
}

@media (max-width: 992px) {
	.bb-rl-left-panel ~ .rrpep-site-footer {
		width: 100%;
		margin-left: 0;
	}
	.rrpep-network-control {
		display: none !important;
	}
}


/* -------------------------------------------------------------------------
   0.1.15 — paRRssport interaction identity and ReadyLaunch icon cleanup
   -------------------------------------------------------------------------

   BuddyBoss continues to own every link, AJAX action, state and accessibility
   label. These rules change only the visual glyphs/colours so that ordinary
   activity, media, Listings and 3D Tours use one paRRssport treatment.
*/

/* Resolve the interaction colours on the ReadyLaunch body itself, where
 * paRRssport Core applies the active light/dark palette. Defining these on
 * :root froze them against BuddyBoss's root defaults before the body-level
 * palette override could take effect. */
.rrpep-early-release-polish {
	--rrpep-interaction-blue: var(--bb-rl-primary-color, #4946fe);
	--rrpep-interaction-neutral: var(--bb-rl-text-secondary-color, #555556);
}

/* ReadyLaunch header Messages: replace the stock chat-teardrop-text glyph
 * with the same paRRssport line-message motif already used in our desktop nav.
 */
#header-messages-dropdown-elem .bb-icons-rl-chat-teardrop-text,
.bb-readylaunch-mobile-menu_items .bb-icons-rl-chat-teardrop-text {
	display: inline-block !important;
	width: 22px !important;
	height: 22px !important;
	font-size: 0 !important;
	line-height: 1 !important;
	background-color: currentColor !important;
	-webkit-mask: url("../images/rrpep-message.svg") center / contain no-repeat;
	mask: url("../images/rrpep-message.svg") center / contain no-repeat;
}

#header-messages-dropdown-elem .bb-icons-rl-chat-teardrop-text::before,
.bb-readylaunch-mobile-menu_items .bb-icons-rl-chat-teardrop-text::before {
	content: none !important;
}

/* ReadyLaunch Notifications: retain the native mark-all-read button and its
 * tooltip/AJAX handler, but replace BuddyBoss's distinctive double checks.
 */
#header-notifications-dropdown-elem .mark-read-all .bb-icons-rl-checks {
	display: inline-block !important;
	width: 20px !important;
	height: 20px !important;
	font-size: 0 !important;
	line-height: 1 !important;
	background-color: currentColor !important;
	-webkit-mask: url("../images/rrpep-check-circle.svg") center / contain no-repeat;
	mask: url("../images/rrpep-check-circle.svg") center / contain no-repeat;
}

#header-notifications-dropdown-elem .mark-read-all .bb-icons-rl-checks::before {
	content: none !important;
}

/* Comment/Reply: retain one paRRssport outline bubble everywhere, but use the
 * normal secondary text token rather than the primary/brand blue.
 */
.rrpep-early-release-polish .bp-generic-meta .generic-button a.acomment-reply::before,
.rrpep-early-release-polish .bb-rl-acomment-foot-actions a.acomment-reply::before,
.rrpep-early-release-polish #rrpse-viewer a.acomment-reply::before,
.rrpep-early-release-polish #rrp3dt-viewer a.acomment-reply::before {
	content: "" !important;
	display: inline-block !important;
	flex: 0 0 20px !important;
	width: 20px !important;
	height: 20px !important;
	margin: 0 4px 0 0 !important;
	vertical-align: middle !important;
	background-color: var(--rrpep-interaction-neutral) !important;
	-webkit-mask: url("../images/rrpep-comment.svg") center / contain no-repeat;
	mask: url("../images/rrpep-comment.svg") center / contain no-repeat;
	font-family: inherit !important;
	font-size: 0 !important;
	font-weight: 400 !important;
	line-height: 1 !important;
}

.rrpep-early-release-polish .bp-generic-meta .generic-button a.acomment-reply,
.rrpep-early-release-polish .bp-generic-meta .generic-button a.acomment-reply .comment-count,
.rrpep-early-release-polish .bb-rl-acomment-foot-actions a.acomment-reply,
.rrpep-early-release-polish #rrpse-viewer a.acomment-reply,
.rrpep-early-release-polish #rrp3dt-viewer a.acomment-reply,
.rrpep-early-release-polish .bb-rl-activity-footer-actions .comments-count,
.rrpep-early-release-polish .bb-rl-activity-footer-actions .activity-reactions_count {
	color: var(--rrpep-interaction-neutral) !important;
}

/* Inactive Like is neutral. A member's own selected/default Like stays blue.
 * Reaction-state icons (which indicate an actual reaction exists) retain their
 * reaction colour/artwork.
 */
.rrpep-early-release-polish a.bp-like-button:not(.has-reaction),
.rrpep-early-release-polish a.bp-like-button:not(.has-reaction) .like-count,
.rrpep-early-release-polish a.bp-like-button:not(.has-reaction) [class*="bb-icon"],
.rrpep-early-release-polish a.bp-like-button:not(.has-reaction) [class*="bb-icon"]::before {
	color: var(--rrpep-interaction-neutral) !important;
}

.rrpep-early-release-polish a.bp-like-button.has-reaction,
.rrpep-early-release-polish a.bp-like-button.has-reaction .like-count,
.rrpep-early-release-polish a.bp-like-button.has-reaction i.default-like,
.rrpep-early-release-polish a.bp-like-button.has-reaction i.default-like::before,
.rrpep-early-release-polish .activity-state-reactions .reactions_item i.default-like,
.rrpep-early-release-polish .activity-state-reactions .reactions_item i.default-like::before,
.rrpep-early-release-polish .bb-rl-comment-reactions .reactions_item i.default-like,
.rrpep-early-release-polish .bb-rl-comment-reactions .reactions_item i.default-like::before {
	color: var(--rrpep-interaction-blue) !important;
}

/* Keep Property/Studio/Venue action backgrounds visually identical to normal
 * activity. Their heavier label weight no longer changes the colour contract.
 */
.rrpep-early-release-polish .rrprop-passport-activity .activity-meta a.bp-like-button,
.rrpep-early-release-polish .rrprop-passport-activity .activity-meta a.acomment-reply,
.rrpep-early-release-polish .rrprop-passport-activity .bb-rl-activity-footer-actions a.bp-like-button,
.rrpep-early-release-polish .rrprop-passport-activity .bb-rl-activity-footer-actions a.acomment-reply {
	background: transparent !important;
}

.rrpep-early-release-polish .bp-generic-meta .generic-button a.acomment-reply:hover,
.rrpep-early-release-polish .bp-generic-meta .generic-button a.acomment-reply:focus-visible,
.rrpep-early-release-polish a.bp-like-button:not(.has-reaction):hover,
.rrpep-early-release-polish a.bp-like-button:not(.has-reaction):focus-visible,
.rrpep-early-release-polish .bb-rl-activity-footer-actions .activity-state-comments:hover .comments-count {
	color: var(--bb-rl-text-color, #242425) !important;
}
