/* Own-profile member loops: the "My Communities" / "My Connections" list rows
   on a member's own Groups & Friends tabs (.bp-user context).
   :is(#members-list, #groups-list, #friend-list) carries the specificity of
   an ID selector (same as writing each one out three times) so these rules
   reliably beat BuddyBoss's own #id-based native styles, without tripling
   every rule below it. */

/* Force list layout + hide the grid/list toggle on member subtabs */
.bp-user .grid-filters,
.bp-user .bp-messages-content .grid-filters,
.bp-user #subnav .grid-filters {
	display: none !important;
}
.bp-user :is(#groups-list, #members-list, #friend-list).bp-list {
	display: flex !important;
	flex-direction: column;
	gap: 12px;
	margin: 0;
	padding: 0;
}
.bp-user :is(#groups-list, #members-list, #friend-list).bp-list > li {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
	float: none !important;
}
.bp-user :is(#groups-list, #members-list, #friend-list).bp-list > li .list-wrap {
	display: flex !important;
	flex-direction: row !important;
	align-items: center;
	text-align: left;
	gap: var(--idu-listings-dash-gap);
	padding: 14px var(--idu-listings-dash-pad);
	background: var(--idu-listings-white);
	border: 1px solid var(--idu-listings-dash-border);
	border-radius: var(--idu-listings-radius-sm);
	box-shadow: none;
	transition: box-shadow 0.18s ease;
}
.bp-user :is(#groups-list, #members-list, #friend-list).bp-list > li .list-wrap:hover {
	box-shadow: var(--idu-listings-shadow-sm)
}
.bp-user :is(#groups-list, #members-list, #friend-list).bp-list > li .item-avatar {
	flex: 0 0 var(--idu-listings-dash-thumb) !important;
	width: var(--idu-listings-dash-thumb) !important;
	height: var(--idu-listings-dash-thumb) !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden;
	border-radius: var(--idu-listings-radius-sm);
	display: block;
}
.bp-user :is(#groups-list, #members-list, #friend-list).bp-list > li .item-avatar a {
	display: block;
	width: 100%;
	height: 100%;
    min-width: unset;
    min-height: unset;
	margin: 0;
	padding: 0;
}
.bp-user :is(#groups-list, #members-list, #friend-list).bp-list > li .item-avatar img,
.bp-user :is(#groups-list, #members-list, #friend-list).bp-list > li .item-avatar img.avatar {
	width: var(--idu-listings-dash-thumb) !important;
	height: var(--idu-listings-dash-thumb) !important;
	max-width: none !important;
	min-height: 0 !important;
	border-radius: var(--idu-listings-radius-pill);
	object-fit: cover !important;
	object-position: center center !important;
	display: block;
	margin: 0 !important;
	padding: 0 !important;
}
.bp-user :is(#groups-list, #members-list, #friend-list).bp-list > li .item {
	flex: 1 1 auto;
	min-width: 0;
	padding: 0;
	text-align: left;
}
.bp-user :is(#groups-list, #members-list, #friend-list).bp-list > li .item .list-title,
.bp-user :is(#groups-list, #members-list, #friend-list).bp-list > li .item .item-title {
	margin: 0;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.3;
}
.bp-user :is(#groups-list, #members-list, #friend-list).bp-list > li .item .list-title a {
	color: var(--idu-listings-dash-ink);
	text-decoration: none;
}
.bp-user :is(#groups-list, #members-list, #friend-list).bp-list > li .item .item-meta,
.bp-user :is(#groups-list, #members-list, #friend-list).bp-list > li .item .last-activity,
.bp-user :is(#groups-list, #members-list, #friend-list).bp-list > li .item .item-block .group-details {
	font-size: 13px;
	color: var(--idu-listings-dash-muted);
	margin: 3px 0 0;
}
.bp-user :is(#groups-list, #members-list, #friend-list).bp-list > li .action {
	flex: 0 0 auto;
	margin: 0;
	position: static;
	display: flex;
	align-items: center;
	gap: 8px;
}
.bp-user :is(#groups-list, #members-list, #friend-list).bp-list > li .action .generic-button a,
.bp-user :is(#groups-list, #members-list, #friend-list).bp-list > li .action a.button {
	font-size: 13px;
	font-weight: 500;
	padding: 7px 14px;
	border-radius: var(--idu-listings-dash-btn-radius);
	border: 1px solid var(--idu-listings-dash-border);
	background: transparent;
	color: var(--idu-listings-dash-ink);
	line-height: 1.2;
}
.bp-user :is(#groups-list, #members-list, #friend-list).bp-list > li .action .generic-button a:hover,
.bp-user :is(#groups-list, #members-list, #friend-list).bp-list > li .action a.button:hover {
	border-color: var(--idu-listings-dash-ink);
	background: transparent;
}
.bp-user :is(#groups-list, #members-list, #friend-list).bp-list > li .list-wrap .generic-button button:hover, 
.bp-user :is(#groups-list, #members-list, #friend-list).bp-list > li .list-wrap .generic-button a:hover {
    background-color: var(--idu-listings-white);
}

@media (max-width: 782px) {
	.bp-user :is(#groups-list, #members-list, #friend-list).bp-list > li .list-wrap {
		flex-wrap: wrap;
	}
	.bp-user :is(#groups-list, #members-list, #friend-list).bp-list > li .action {
		flex: 1 1 100%;
		justify-content: flex-start;
	}
}


/*  My connections (members list) */
.bp-user.friends .item-body-inner {
    padding-bottom: 60px;
}
.bp-user #members-list.bp-list > li .list-wrap .list-wrap-inner {
    padding-right: 6%;
    flex: 1;
    column-gap: 10px;
    align-items: center;
}
.bp-user #members-list.bp-list:not(.grid) > li .list-wrap .list-wrap-inner .item {
    flex-direction: column !important;
    flex: 1 !important;
}
.bp-user #members-list.bp-list:not(.grid) > li .list-wrap .list-wrap-inner .member-buttons-wrap {
    flex: 0 0 40%;
}
@media (max-width: 600px) {
    .bp-user.friends .item-body-inner {
        padding-bottom: 40px;
    }
}
@media (max-width: 480px) {
    .bp-user #members-list.bp-list:not(.grid) > li .list-wrap .list-wrap-inner .member-buttons-wrap {
        margin-left: auto;
        flex: 0 0 20%;
    }
}

/* My notifications */
.bp-user #notifications-user-list .notification-list.list-view li.bs-item-wrap:last-child:hover, 
.bp-user #notifications-user-list .notification-list.list-view li.bs-item-wrap:hover {
    border-bottom-color: var(--bb-content-border-color) !important;
}
.bp-user #notifications-user-list .notification-list.list-view li.bs-item-wrap:last-child:hover {
    border-bottom-left-radius: var(--bb-block-radius) !important; 
    border-bottom-right-radius: var(--bb-block-radius) !important; 
}

/* Nav (tabs) */
.bp-user.buddypress.my-friends .item-body #subnav ul li.bp-personal-sub-tab a, 
.bp-user.buddypress.my-groups .item-body #subnav ul li.bp-personal-sub-tab a {
    border: 1px solid var(--idu-listings-line) !important;
    transition: background-color 0.4s ease, border-color 0.2s ease;
}
.bp-user.buddypress.my-friends .item-body #subnav ul li.bp-personal-sub-tab a:hover, 
.bp-user.buddypress.my-friends .item-body #subnav ul li.bp-personal-sub-tab a:focus, 
.bp-user.buddypress.my-friends .item-body #subnav ul li.bp-personal-sub-tab.current a, 
.bp-user.buddypress.my-groups .item-body #subnav ul li.bp-personal-sub-tab a:hover, 
.bp-user.buddypress.my-groups .item-body #subnav ul li.bp-personal-sub-tab a:focus, 
.bp-user.buddypress.my-groups .item-body #subnav ul li.bp-personal-sub-tab.current a {
    border-color: var(--idu-listings-gold) !important;
    background-color: var(--idu-listings-gold) !important;
}