/* -----------------------------------------------------------------------------
   Groups Directory Content
   ----------------------------------------------------------------------------- */

/* Hide BuddyBoss groups directory tabs; custom title replaces this nav. */
.groups-type-navs.main-navs.bp-navs.dir-navs {
	display: none;
}

/* Directory title shown above search and filters. */
.bond-bp-directory-title {
	color: var(--color-bond-black);
	font-size: 2.8125rem;
	font-weight: 600;
	line-height: 1.1;
	margin: 0 0 1.5rem;
}

/* Keep search + filters on one row like the design. */
.bb-subnav-filters-container.bb-subnav-filters-search {
	margin-bottom: 1.25rem;
}

/* Groups directory cards: 3 columns desktop, then 2 and 1 on smaller screens. */
/* Force legacy `.groups-list` containers to use the required 3-column card grid. */
.groups-list {
	display: grid !important;
	grid-template-columns: 1fr 1fr 1fr !important;
	grid-gap: 40px !important;
	margin-bottom: 60px !important;
}

/* Remove inherited card sizing/padding so grid columns control layout fully. */
.groups-list > li {
	min-width: 0 !important;
	max-width: none !important;
	padding: 0 !important;
}

.grid.bp-list {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 1.5rem;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.grid.bp-list {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* BuddyBoss sets groups-dir-list:not(.grid) to flex; force grid layout. */
ul.bp-list.groups-dir-list,
ul.bp-list.groups-dir-list:not(.grid) {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 1.5rem !important;
}

ul.bp-list.groups-dir-list li.item-entry {
	margin: 0 !important;
	padding: 0;
}

ul.bp-list.groups-dir-list li.item-entry {
	margin: 0 !important;
}

.bp-pagination {
	font-size: 14px;
}