/* -----------------------------------------------------------------------------
   Single Group Navigation
   ----------------------------------------------------------------------------- */

#object-nav.groups-nav {
	margin: 0 0 0.625rem;
	padding-top: 0;
	overflow: visible;

	& .bond-group-nav {
		display: flex;
		align-items: stretch;
		flex-wrap: nowrap;
		gap: 0;
		width: 100%;
		margin: 0;
		padding: 0;
		list-style: none;
		border-bottom: 0.556px solid #d2d0c8;
	}

	& .bond-group-nav__item {
		position: relative;
		flex: 0 0 auto;
		margin: 0;

		&.selected:not(.bond-group-nav__item--meta) .bond-group-nav__link {
			background: #b6002d;
			color: #fff;

			&::after {
				content: "";
				position: absolute;
				right: 0;
				bottom: 0.01px;
				left: 0;
				height: 2.99px;
				background: #b6002d;
			}
		}
	}

	& .bond-group-nav__item--meta {
		margin-left: auto;
	}

	& .bond-group-nav__item--settings.bb_more_options {
		z-index: 12;

		& .bb_more_options_list {
			top: calc(100% + 4px);
			right: 0;
			width: 198px;
			max-width: calc(100vw - 2rem);
			min-width: 178px;

			& a {
				white-space: nowrap;
			}
		}
	}

	& .bond-group-nav__link,
	& .bond-group-nav__link--stub {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		position: relative;
		min-height: 47.5px;
		padding: 0 14.25px;
		color: #545246;
		font-size: 17px;
		font-weight: 400;
		line-height: 26px;
		text-decoration: none;
		white-space: nowrap;
	}

	& .bond-group-nav__link {
		& .bb-single-nav-item-point {
			display: inline;
			margin: 0;
			padding: 0;
			color: inherit;
			font: inherit;
			line-height: inherit;
		}

		&:hover,
		&:focus {
			color: #545246;
			text-decoration: none;
		}
	}

	& .bond-group-nav__item--meta .bond-group-nav__link {
		min-height: 47.5px;
		padding: 0 14.25px;
		color: #d50032;
		font-size: 15.4px;
		line-height: 47.5px;
		text-decoration: underline;
		text-underline-offset: 2px;
	}

	& .bond-group-nav__item--meta.selected .bond-group-nav__link {
		background: transparent;
		color: #d50032;
	}

	& .bond-group-nav__link--stub {
		opacity: 1;
		cursor: default;
	}
}

.buddypress-wrap.bp-dir-hori-nav:not(.bp-vertical-navs) nav#object-nav.groups-nav {
	border-top: 0;
	box-shadow: none;
	overflow: visible;
}

@media (max-width: 782px) {
	.bond-group-nav {
		gap: 0.25rem;
		border-bottom: 0;
	}

	.groups-nav {
		padding-top: 0.25rem;
	}

	#object-nav.groups-nav {
		& .bond-group-nav__item--meta {
			margin-left: 0;
		}

		& .bond-group-nav__link,
		& .bond-group-nav__link--stub {
			min-height: 40px;
			padding: 0 0.75rem;
			border: 1px solid var(--color-border);
			border-radius: 4px;
		}

		& .bond-group-nav__item--settings.bb_more_options .bb_more_options_list {
			right: auto;
			left: 0;
		}
	}
}