/*
 * BuddyBoss Addon - Tnaqniq
 * ReadyLaunch base customization layer.
 */

/* Front-end ReadyLaunch refinements. */
body.bb-readylaunch .site-content,
body.buddypress.bb-readylaunch .site-content {
	letter-spacing: 0.01em;
}

body.bb-readylaunch .bb-grid-cell {
	border-radius: 12px;
}

/* Admin screen helper: highlight ReadyLaunch layout setting block. */
.buddyboss_page_bb-settings [data-field-id="bb_layout_style"],
.buddyboss_page_bb-settings .bb-settings-panel .bb-readylaunch {
	border-radius: 10px;
	transition: box-shadow 0.2s ease-in-out;
}

.buddyboss_page_bb-settings [data-field-id="bb_layout_style"]:hover,
.buddyboss_page_bb-settings .bb-settings-panel .bb-readylaunch:hover {
	box-shadow: 0 0 0 2px rgba(217, 59, 49, 0.22);
}

/* Members page horizontal scroll guard. */
body.buddypress.members,
body.buddypress.members #page,
body.buddypress.members .site,
body.buddypress.members .site-content {
	overflow-x: hidden;
}

/* ── Full-width content (profile, groups, activity, etc.) ── */
body.bb-readylaunch .bb-rl-content-wrapper,
body.buddypress.bb-readylaunch .bb-rl-content-wrapper,
body.bb-readylaunch.bp-user .bb-rl-content-wrapper,
body.buddypress.members.bp-user .bb-rl-content-wrapper,
body.bb-readylaunch.groups .bb-rl-content-wrapper,
body.buddypress.groups .bb-rl-content-wrapper,
body.bb-readylaunch.notifications .bb-rl-content-wrapper,
.bb-rl-activity-wrap > .bb-rl-content-wrapper {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box;
}

/* Activity feed — full width + profile jaisi padding (680px cap override) */
.bb-rl-activity-wrap {
	max-width: 100%;
	box-sizing: border-box;
}

.bb-rl-inner-container.bb-rl-activity-page,
.bb-rl-activity-page,
#buddypress .bb-rl-inner-container.bb-rl-activity-page,
#buddypress .bb-rl-activity-page {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	box-sizing: border-box;
}

.bb-rl-activity-wrap > .bb-rl-content-wrapper,
#buddypress > .bb-rl-content-wrapper {
	display: flex;
	flex-direction: column;
	gap: var(--bb-rl-space-400);
	padding: var(--bb-rl-space-400) var(--bb-rl-space-600) !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box;
}

.bb-rl-activity-list,
.bb-rl-activity-list li.activity-item,
#bb-rl-activity-stream,
.bb-rl-activity-wrap .bb-rl-screen-content {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box;
}

/* Fallback jab content-wrapper na ho — padding activity-wrap par */
.bb-rl-activity-wrap:not(:has(> .bb-rl-content-wrapper)) {
	padding: var(--bb-rl-space-400) var(--bb-rl-space-600) !important;
	box-sizing: border-box;
}

.bb-rl-activity-wrap:not(:has(> .bb-rl-content-wrapper)) > .bb-rl-inner-container.bb-rl-activity-page,
.bb-rl-activity-wrap:not(:has(> .bb-rl-content-wrapper)) > .bb-rl-activity-page {
	width: 100% !important;
	max-width: 100% !important;
}

/* Fallback — activity-page direct under #buddypress (no activity-wrap) */
#buddypress:has(> .bb-rl-inner-container.bb-rl-activity-page):not(:has(.bb-rl-activity-wrap)) {
	padding: var(--bb-rl-space-400) var(--bb-rl-space-600) !important;
	box-sizing: border-box;
	max-width: 100%;
}

#buddypress:has(> .bb-rl-inner-container.bb-rl-activity-page):not(:has(.bb-rl-activity-wrap)) > .bb-rl-inner-container.bb-rl-activity-page {
	width: 100% !important;
	max-width: 100% !important;
}

/* Right sidebar — activity-wrap acts as content-wrapper (profile jaisa flex row) */
.bb-rl-activity-wrap:has(.bb-rl-secondary-container) {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: var(--bb-rl-space-400);
	margin: 0 !important;
	padding: var(--bb-rl-space-400) var(--bb-rl-space-600) !important;
	box-sizing: border-box;
	max-width: 100%;
}

.bb-rl-activity-wrap:has(.bb-rl-secondary-container) > .bb-rl-content-wrapper {
	flex: 1 1 auto;
	min-width: 0;
	width: auto !important;
	max-width: 100% !important;
	padding: 0 !important;
}

.bb-rl-activity-wrap:has(.bb-rl-secondary-container) .bb-rl-secondary-container {
	flex: 0 0 320px;
	max-width: 320px;
	min-width: 0;
	padding: 0 !important;
}

body:has(.bb-rl-activity-wrap).bb-readylaunch,
body:has(.bb-rl-activity-wrap).buddypress {
	overflow-x: clip;
}

body:has(.bb-rl-activity-wrap) .bb-rl-left-panel ~ .site.bb-readylaunch,
body.bb-readylaunch:has(.bb-rl-left-panel):has(.bb-rl-activity-wrap) .site.bb-readylaunch {
	max-width: calc(100vw - 300px);
	overflow-x: clip;
}

.bb-rl-activity-wrap .bb-rl-activity-list .bb-rl-activity-inner,
.bb-rl-activity-wrap .bb-rl-activity-list [class*="bb-rl-activity-content"],
.bb-rl-activity-wrap .bb-rl-activity-list .activity-inner {
	max-width: 100%;
	min-width: 0;
}

.bb-rl-activity-wrap .bb-rl-activity-list img,
.bb-rl-activity-wrap .bb-rl-activity-list .bb-rl-activity-media-elem img,
.bb-rl-activity-wrap .bb-rl-activity-list video {
	max-width: 100% !important;
	height: auto !important;
}

.bb-rl-profile-panel.change-avatar,
.bb-rl-profile-panel.edit {
	max-width: 100%;
}

.bb-rl-account-settings-section {
	background: var(--bb-rl-background-color);
	border-radius: var(--bb-rl-radius-lg);
	padding: var(--bb-rl-space-300) var(--bb-rl-space-400);
	margin: 0 auto;
	max-width: 100%;
}

/* Notifications — full width (override BuddyBoss 760px centered cap) */
body.notifications .single-headers,
body.notifications .bb-rl-content-wrapper {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: var(--bb-rl-space-400) var(--bb-rl-space-600) !important;
	box-sizing: border-box;
}

body.notifications .bb-rl-primary-container,
body.notifications #item-body,
body.notifications .notifications-header,
body.notifications .notifications.dir-list,
body.notifications #notifications-user-list,
body.notifications .notifications.dir-list .notification-list {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box;
}

body.notifications .bb-rl-left-panel ~ .site.bb-readylaunch,
body.bb-readylaunch.notifications:has(.bb-rl-left-panel) .site.bb-readylaunch {
	max-width: calc(100vw - 300px);
	overflow-x: clip;
}

.bb-rl-activity-head {
    margin-bottom: 5px !important;
}

.bb-rl-activity-filters-container {
    margin-bottom: 0px !important;
}

.bb-rl-left-panel-widget.bb-rl-left-panel-menu{
	display: none;
}


.bb-rl-left-panel .bb-readylaunchpanel-menu{
	display: none;
}


.bb-rl-left-panel .bbat-user-account-nav__list{
	display: block;
}


/* Mobile — overflow fix + header search (all ReadyLaunch pages) */
@media screen and (max-width: 992px) {
	html,
	body.bb-readylaunch-template,
	body.bb-readylaunch-template #page,
	body.bb-readylaunch-template .site.bb-readylaunch,
	body.bb-readylaunch-template .bb-rl-container,
	body.bb-readylaunch-template #primary.site-main,
	body.bb-readylaunch-template #buddypress {
		overflow-x: clip;
		max-width: 100%;
		box-sizing: border-box;
	}

	.bb-rl-header {
		overflow: visible;
		width: 100%;
		max-width: 100vw;
		box-sizing: border-box;
	}

	.bb-rl-header-container {
		width: 100%;
		max-width: 100%;
		min-width: 0;
		overflow: visible;
		box-sizing: border-box;
	}

	.header-aside {
		flex-shrink: 0;
		min-width: 0;
		max-width: none;
		overflow: visible;
	}

	.header-aside .header-aside-inner {
		min-width: 0;
		max-width: 100%;
	}

	.header-aside .user-wrap {
		position: relative;
		z-index: 1;
	}

	.header-aside .user-wrap.active {
		z-index: var(--bb-rl-z-index-popover, 1060);
	}

	.header-aside .user-wrap.active .bb-rl-profile-dropdown {
		z-index: var(--bb-rl-z-index-popover, 1060);
	}

	.header-aside .user-link,
	.header-aside .bbat-feed-search-trigger {
		min-width: 44px;
		min-height: 44px;
		touch-action: manipulation;
		-webkit-tap-highlight-color: transparent;
	}

	/* Legacy component search hidden when feed search icon is active */
	.header-aside:not(.bbat-header-has-feed-search) .dir-search,
	.header-aside:not(.bbat-header-has-feed-search) .activity-search,
	.header-aside:not(.bbat-header-has-feed-search) .members-search,
	.header-aside:not(.bbat-header-has-feed-search) .groups-search,
	.header-aside:not(.bbat-header-has-feed-search) .notifications-search,
	.header-aside:not(.bbat-header-has-feed-search) .messages-search,
	.header-aside:not(.bbat-header-has-feed-search) .bp-search {
		display: none !important;
	}

	/* Feed search: header icon only on mobile (not inside hamburger drawer) */
	.bb-rl-left-panel > .bbat-mobile-component-search {
		display: none !important;
	}

	.bb-readylaunch-mobile-menu__wrap .bb-rl-left-panel > .bbat-mobile-component-search,
	.bbat-mobile-menu-wrap .bb-rl-left-panel > .bbat-mobile-component-search {
		display: none !important;
	}

	body.bb-readylaunch .bb-rl-content-wrapper,
	body.buddypress.bb-readylaunch .bb-rl-content-wrapper,
	.bb-readylaunch-template.bp-user .bb-rl-content-wrapper,
	body.bb-readylaunch.bp-user .bb-rl-content-wrapper,
	body.buddypress.members.bp-user .bb-rl-content-wrapper,
	body.bb-readylaunch.groups .bb-rl-content-wrapper,
	body.buddypress.groups .bb-rl-content-wrapper,
	body.bb-readylaunch.notifications .bb-rl-content-wrapper,
	.bb-rl-group-details .bb-rl-content-wrapper,
	.bb-rl-activity-wrap > .bb-rl-content-wrapper,
	#buddypress > .bb-rl-content-wrapper,
	.bb-rl-activity-wrap:not(:has(> .bb-rl-content-wrapper)),
	.bb-rl-activity-wrap:has(.bb-rl-secondary-container),
	#buddypress:has(> .bb-rl-inner-container.bb-rl-activity-page):not(:has(.bb-rl-activity-wrap)) {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	body:has(.bb-rl-activity-wrap) .bb-rl-left-panel ~ .site.bb-readylaunch,
	body.bb-readylaunch:has(.bb-rl-left-panel):has(.bb-rl-activity-wrap) .site.bb-readylaunch,
	body.notifications .bb-rl-left-panel ~ .site.bb-readylaunch,
	body.bb-readylaunch.notifications:has(.bb-rl-left-panel) .site.bb-readylaunch {
		max-width: 100%;
	}

	.bb-rl-activity-wrap:has(.bb-rl-secondary-container) {
		flex-direction: column;
	}

	.bb-rl-activity-wrap:has(.bb-rl-secondary-container) .bb-rl-secondary-container {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.bb-rl-inner-container.bb-rl-activity-page,
	.bb-rl-activity-page,
	.bb-rl-activity-list,
	.bb-rl-activity-list li.activity-item {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
	}

	#buddypress:has(> .bb-rl-inner-container.bb-rl-activity-page):not(:has(.bb-rl-activity-wrap)) {
		padding-top: var(--bb-rl-space-200, 16px) !important;
		padding-bottom: var(--bb-rl-space-200, 16px) !important;
	}
}

/* Comment form layout — avatar beside text (border-box safe) */
.ac-form .bb-rl-ac-reply-content,
.bb-rl-ac-form-placeholder .bb-rl-ac-reply-content {
	display: flex !important;
	flex-direction: row;
	align-items: flex-start;
	gap: var(--bb-rl-space-100, 8px);
}

.ac-form .bb-rl-ac-reply-avatar,
.bb-rl-ac-form-placeholder .bb-rl-ac-reply-avatar {
	flex: 0 0 auto;
	flex-shrink: 0;
	width: auto;
	min-width: 32px;
	padding: var(--bb-rl-space-100, 8px) var(--bb-rl-space-100, 8px) var(--bb-rl-space-200, 16px) var(--bb-rl-space-300, 24px);
	box-sizing: border-box;
}

.ac-form .bb-rl-ac-reply-avatar a,
.bb-rl-ac-form-placeholder .bb-rl-ac-reply-avatar a {
	display: block;
	width: 32px;
	height: 32px;
	flex-shrink: 0;
	line-height: 0;
}

.ac-form .bb-rl-ac-reply-avatar img,
.bb-rl-ac-form-placeholder .bb-rl-ac-reply-avatar img,
.bb-rl-ac-form-placeholder .bb-rl-ac-reply-avatar .avatar-placeholder {
	display: block;
	width: 32px !important;
	height: 32px !important;
	min-width: 32px !important;
	max-width: 32px !important;
	flex-shrink: 0;
	object-fit: cover;
	border-radius: 50%;
}

.ac-form .ac-textarea,
.bb-rl-ac-form-placeholder .ac-textarea {
	flex: 1 1 auto;
	min-width: 0;
	width: auto;
}

.ac-form .ac-textarea .ac-input,
.bb-rl-ac-form-placeholder .ac-textarea .ac-input {
	width: 100%;
	min-width: 0;
	position: relative;
}

.bb-rl-modal-activity-footer .ac-form .bb-rl-ac-reply-avatar img,
.bb-rl-modal-activity-footer .bb-rl-ac-form-placeholder .bb-rl-ac-reply-avatar img {
	width: 32px !important;
	height: 32px !important;
	min-width: 32px !important;
	max-width: 32px !important;
}

/* Profile photo change posts — prevent full-size avatar blow-up on mobile */
.bb-rl-activity-list .bb-rl-activity-inner .bb-rl-item-content-avatar img,
.bb-rl-activity-list .bb-rl-activity-inner .bb-rl-activity-content-avatar img {
	max-width: 100%;
	height: auto !important;
	width: auto !important;
	object-fit: cover;
	border-radius: 8px;
}

@media screen and (max-width: 544px) {
	.bb-rl-activity-list .bb-rl-activity-inner .bb-rl-item-content-avatar,
	.bb-rl-activity-list .bb-rl-activity-inner .bb-rl-activity-content-avatar {
		max-width: 100px;
		line-height: 0;
	}

	.bb-rl-activity-list .bb-rl-activity-inner .bb-rl-item-content-avatar img,
	.bb-rl-activity-list .bb-rl-activity-inner .bb-rl-activity-content-avatar img,
	.bb-rl-activity-list .bb-rl-activity-inner .bb-rl-item-content-avatar img.avatar,
	.bb-rl-activity-list .bb-rl-activity-inner .bb-rl-activity-content-avatar img.avatar {
		width: 100px !important;
		height: 100px !important;
		min-width: 0 !important;
		max-width: 100px !important;
		max-height: 100px !important;
		object-fit: cover;
		border-radius: 8px;
	}
}

/* Post body LTR/RTL: see assets/css/text-direction.css (bbat-text-dir-rtl | bbat-text-dir-ltr) */

/* ── v1.9.0: Compact tweet-style cards ── */
.bb-rl-activity-list li.activity-item {
	padding-top: var(--bb-rl-space-200, 16px);
	padding-bottom: var(--bb-rl-space-200, 16px);
}

.bb-rl-activity-head {
	border: none !important;
	padding: 0 !important;
	margin-top: 0 !important;
}

.bb-rl-activity-footer-actions .bbat-public-activity-state {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px;
	padding: 4px 12px 8px;
	font-size: 13px;
}

/* ── v1.9.0: Feed avatars (spec: 50–60px, 8px radius) ── */
.bb-rl-activity-list .bb-rl-activity-head .bb-rl-activity-avatar img,
.bb-rl-activity-list .bb-rl-activity-head .bb-rl-item-avatar img,
.bb-rl-activity-list .bb-rl-activity-head .avatar {
	width: 50px !important;
	height: 50px !important;
	max-width: 50px !important;
	border-radius: 8px !important;
	object-fit: cover;
	cursor: zoom-in;
}