/* category-grid-uniform */
.aconi-catgrid-uniform {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-auto-rows: 240px;
	gap: var(--wp--preset--spacing--xsmall);
}

.aconi-catgrid-uniform > * {
	border-radius: var(--wp--custom--aconi-radius--card);
	overflow: hidden;
	/* Same is-layout-flow margin-block-start bug as the other category-grid-* variants. */
	margin-top: 0 !important;
}

@media (max-width: 781px) {
	.aconi-catgrid-uniform {
		grid-template-columns: 1fr;
	}
	.aconi-catgrid-uniform > * {
		min-height: 220px;
	}
}

/* footer-contact-awards */
/*
 * Recurring is-layout-flow bug — see footer-mega's copy of this file for
 * the full explanation. Same fix, needed independently since this is a
 * separate pattern.
 */
.aconi-footer-links > * {
	margin-top: 0 !important;
}

/* category-view-sidebar-filter */
.aconi-sidebar-filter-col {
	/* WooCommerce's native Preis-Filter-Block rendert sich selbst mit einer
	 * festen intrinsischen Breite von ca. 363px (zwei Slider-Handles brauchen
	 * offenbar einen Mindestplatz) und schrumpft nicht mit einem schmaleren
	 * Container - ein fester "flex: 0 0 220px" liess ihn seitlich aus der
	 * Sidebar herauslaufen. "auto" + min-width lässt die Spalte stattdessen
	 * von ihrem breitesten Inhalt (eben dem Preis-Filter) bestimmen.
	 */
	flex: 0 0 auto;
	min-width: 220px;
}
.aconi-sidebar-filter-grid {
	flex: 1 1 0;
	min-width: 0;
}
/*
 * core/group's flex layout support defaults cross-axis alignment to
 * "center" when the pattern's own block attributes don't set an explicit
 * verticalAlignment — invisible with a short product grid, but with many
 * products (multiple grid rows + pagination) it vertically centers the
 * much-shorter filter sidebar next to the much-taller grid, making the
 * filters appear to "start" far down the page instead of at the top.
 */
.aconi-sidebar-filter-row {
	align-items: flex-start;
}

@media (max-width: 782px) {
	.aconi-sidebar-filter-row {
		flex-direction: column;
	}
	.aconi-sidebar-filter-col,
	.aconi-sidebar-filter-grid {
		flex: 1 1 100%;
		width: 100%;
		min-width: 0;
	}
}