/**
 * Blog filter bar: keep all public columns visible on desktop (avoid flex shrink).
 * Enqueued AFTER salient-blog-with-filter/assets/app.css (see functions.php priority 100000).
 *
 * Do NOT use overflow-x: auto on .blog-filters-columns — it forces overflow-y to clip
 * and hides .dropdown-elements (position:absolute) when opening menus.
 *
 * Some front-end scripts (niceScroll/sticky/third-party) set inline style="display:none"
 * on the last .column.parent (Resources). Author !important overrides non-!important inline.
 */
.blog-filters-wrapper .blog-filters .blog-filters-columns > span.column.parent {
	display: flex !important;
	flex-direction: column;
	align-items: stretch;
}

@media (min-width: 1001px) {
	.blog-filters-wrapper .blog-filters,
	.blog-filters-wrapper .blog-filters .blog-filters-columns {
		overflow: visible !important;
	}

	.blog-filters-wrapper .blog-filters .blog-filters-columns {
		flex-wrap: nowrap;
	}

	.blog-filters-wrapper .blog-filters .blog-filters-columns > .column.parent {
		flex: 1 1 auto;
		flex-shrink: 0;
		min-width: 9.25rem;
		max-width: none;
		box-sizing: border-box;
	}

	.blog-filters-wrapper .blog-filters .blog-filters-columns > .column.heading {
		flex: 0 0 auto;
		flex-shrink: 0;
		min-width: 6.5rem;
	}

	.blog-filters-wrapper .blog-filters .blog-filters-columns > .column.button {
		flex: 0 0 auto;
		flex-shrink: 0;
		min-width: 9rem;
	}

	/* Ensure panels stack above the post grid */
	.blog-filters-wrapper .blog-filters .blog-filters-columns .column .dropdown {
		position: relative;
		z-index: 1;
	}

	.blog-filters-wrapper .blog-filters .blog-filters-columns .column .dropdown.open {
		z-index: 200;
	}

	.blog-filters-wrapper .blog-filters .blog-filters-columns .column .dropdown .dropdown-elements {
		z-index: 201;
	}
}