/**
 * BuddyPress shortcode layout adjustments for BuddyX.
 */

.hon-bp-shortcode {
	--hon-shortcode-content-width: 980px;
	--hon-shortcode-list-gap: 1rem;
	--hon-shortcode-section-gap: 1rem;
	margin: var(--hon-shortcode-section-gap) 0 calc(var(--hon-shortcode-section-gap) * 1.75);
}

.hon-bp-shortcode .screen-content {
	max-width: min(100%, var(--hon-shortcode-content-width));
	margin: 0 auto;
}

.hon-bp-shortcode #members-dir-list,
.hon-bp-shortcode #activity-stream {
	margin-top: var(--hon-shortcode-section-gap);
}

.hon-bp-shortcode .dir-list .item-list:not(.grid),
.hon-bp-shortcode .activity-list {
	display: flex;
	flex-direction: column;
	gap: var(--hon-shortcode-list-gap);
	margin: 0;
	padding: 0;
	list-style: none;
}

.hon-bp-shortcode .dir-list .item-list:not(.grid) > li,
.hon-bp-shortcode .activity-list > li {
	margin: 0;
}

.hon-bp-shortcode .bp-list {
	margin: 0;
}

/* Enforce consistent rows/columns for shortcode-rendered member grids. */
.hon-bp-shortcode .members-list.grid {
	display: grid !important;
	gap: var(--hon-shortcode-list-gap);
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
}

.hon-bp-shortcode .members-list.grid.two {
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.hon-bp-shortcode .members-list.grid.three {
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

/* Auto layout rule: default template with right sidebar uses 2 columns. */
body.page-template-default.has-sidebar-right .hon-bp-shortcode.hon-auto-sidebar-columns .members-list.grid.three {
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

/* Wider/full-width templates keep 3 columns. */
body.layout-wide:not(.has-sidebar-right) .hon-bp-shortcode .members-list.grid.three,
body.page-template-default:not(.has-sidebar-right) .hon-bp-shortcode .members-list.grid.three {
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.hon-bp-shortcode .members-list.grid.four {
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.hon-bp-shortcode .members-list.grid > li {
	margin: 0;
	max-width: none !important;
	width: auto !important;
	flex: none !important;
}

@media (max-width: 768px) {
	.hon-bp-shortcode {
		margin: 0.75rem 0 1.25rem;
	}

	.hon-bp-shortcode #members-dir-list,
	.hon-bp-shortcode #activity-stream {
		margin-top: calc(var(--hon-shortcode-section-gap) * 0.85);
	}

	.hon-bp-shortcode .members-list.grid.three,
	.hon-bp-shortcode .members-list.grid.four {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 560px) {
	.hon-bp-shortcode .members-list.grid.two,
	.hon-bp-shortcode .members-list.grid.three,
	.hon-bp-shortcode .members-list.grid.four {
		grid-template-columns: minmax(0, 1fr) !important;
	}
}