/**
 * Archive Builder — front-end block styles.
 *
 * Deliberately minimal: the blocks emit the same markup / classes as the
 * theme's existing archive layouts (`.featured-hero-layout`, `.fh-*`,
 * `.archive-posts-container`, `.archive-header`, `.pagination-container`), so
 * the main stylesheet already styles them. This sheet only adds the wrapper
 * spacing and the Posts Grid column control, which the legacy layouts can't
 * vary.
 */

.upaper-ab-template {
	width: 100%;
}

.upaper-ab-block {
	margin-bottom: 30px;
}

.upaper-ab-block:last-child {
	margin-bottom: 0;
}

.upaper-ab-widget-area {
	margin-bottom: 10px;
}

/* -------------------------------------------------------------------------
 * Posts Grid — column control.
 *
 * The shared `template-parts/content-archive.php` card carries fixed Bootstrap
 * column classes. Switching the container to CSS Grid and neutralising the
 * card width lets the block honour its 2 / 3 / 4 column setting.
 * ---------------------------------------------------------------------- */

.upaper-ab-grid--cols-2 .archive-posts-container,
.upaper-ab-grid--cols-3 .archive-posts-container,
.upaper-ab-grid--cols-4 .archive-posts-container {
	display: grid;
	gap: 22px;
}

.upaper-ab-grid--cols-2 .archive-posts-container {
	grid-template-columns: repeat(2, 1fr);
}

.upaper-ab-grid--cols-3 .archive-posts-container {
	grid-template-columns: repeat(3, 1fr);
}

.upaper-ab-grid--cols-4 .archive-posts-container {
	grid-template-columns: repeat(4, 1fr);
}

.upaper-ab-grid--cols-2 .archive-posts-container > .archive-post-grid,
.upaper-ab-grid--cols-3 .archive-posts-container > .archive-post-grid,
.upaper-ab-grid--cols-4 .archive-posts-container > .archive-post-grid {
	width: auto;
	max-width: none;
	flex: initial;
	padding-left: 0;
	padding-right: 0;
}

@media (max-width: 991px) {
	.upaper-ab-grid--cols-3 .archive-posts-container,
	.upaper-ab-grid--cols-4 .archive-posts-container {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 600px) {
	.upaper-ab-grid--cols-2 .archive-posts-container,
	.upaper-ab-grid--cols-3 .archive-posts-container,
	.upaper-ab-grid--cols-4 .archive-posts-container {
		grid-template-columns: 1fr;
	}
}