/*
 * Defensive re-assertion of centered pagination.
 *
 * The plugin's own vsc-site.css already defines .pagination as a centered
 * flex row with an 8px gap -- but on the live site it was rendering spread
 * across the full page width, which means something else (theme CSS,
 * Additional CSS in the Customizer, or a caching mismatch) is currently
 * winning the cascade against that rule. These !important overrides are
 * scoped tightly to .pagination only, so they can't affect anything else
 * on the page, and they guarantee the centered/grouped layout regardless
 * of what else is competing for it.
 */
.pagination {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	width: auto !important;
	max-width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Loading state while an AJAX page-fetch is in flight. */
.safari-grid.is-loading,
.blog-grid.is-loading,
.dest-grid.is-loading {
	opacity: 0.45;
	pointer-events: none;
	transition: opacity 0.15s ease;
}