/* Blog and author streams. Routing, query and metadata remain WordPress/Yoast owned. */

.blog-stream .food-grid {
	margin: 40px 0 64px;
}

.blog-stream__empty {
	padding: 64px 0;
	color: var(--color-ink-mid);
	text-align: center;
}

.blog-pagination {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 8px;
	padding: 40px 0;
	border-top: var(--border-thin);
}

.blog-pagination .page-numbers {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border: var(--border-thin);
	border-radius: 50%;
	color: var(--color-ink-mid);
	font-family: var(--font-sans);
	font-size: 12px;
	transition: background var(--ease-std), color var(--ease-std);
}

.blog-pagination .page-numbers.current {
	background: var(--color-terracotta);
	border-color: var(--color-terracotta);
	color: var(--color-on-accent);
}

.blog-pagination a.page-numbers:hover {
	background: var(--color-avorio-dk);
}

.blog-pagination a.page-numbers:focus-visible {
	outline: 3px solid var(--color-terracotta);
	outline-offset: 3px;
}

.blog-pagination .page-numbers.dots {
	border: 0;
	cursor: default;
}

@media (max-width: 560px) {
	.blog-pagination {
		gap: 8px;
	}
}