/* Shared public pagination. Component markup is owned by the theme. */
.navigation.pagination.dekajiri-pagination {
	width: 100%;
	margin-top: clamp(2rem, 4vw, 3rem);
}

.dekajiri-pagination .nav-links {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: .45rem;
	margin-top: 0;
}

.dekajiri-pagination .nav-links > ul.page-numbers {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: .45rem;
	width: auto;
	min-width: 0;
	height: auto;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	list-style: none;
}

.dekajiri-pagination .nav-links > ul.page-numbers > li {
	margin: 0;
	padding: 0;
}

.dekajiri-pagination a.page-numbers,
.dekajiri-pagination span.page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.75rem;
	min-height: 2.75rem;
	height: auto;
	margin: 0;
	padding: .45rem .7rem;
	border: 1px solid var(--dkj-card-border, #e3d3d8);
	border-radius: 999px;
	background: #fff;
	color: var(--dkj-ink, #241b1f);
	font-size: .78rem;
	font-weight: 800;
	line-height: 1;
	text-decoration: none;
}

.dekajiri-pagination span.page-numbers.current,
.dekajiri-pagination a.page-numbers:hover,
.dekajiri-pagination a.page-numbers:focus-visible {
	border-color: var(--dkj-accent, #b43a65);
	background: var(--dkj-accent, #b43a65);
	color: #fff;
}

.dekajiri-pagination span.page-numbers.dots {
	min-width: 1.5rem;
	padding-inline: .2rem;
	border-color: transparent;
	background: transparent;
}

@media (max-width: 430px) {
	.dekajiri-pagination .nav-links,
	.dekajiri-pagination .nav-links > ul.page-numbers {
		gap: .3rem;
	}

	.dekajiri-pagination a.page-numbers,
	.dekajiri-pagination span.page-numbers {
		min-width: 2.5rem;
		min-height: 2.5rem;
		padding-inline: .55rem;
	}
}