/*
 * EtchwpKits pagination: layout only. A template styles the links through
 * their BEM classes (colours, sizes, borders); these rules just reset the
 * list and lay the items out in a wrapping row. Every selector sits inside
 * :where(), so it has zero specificity and any template rule wins.
 */

:where(.ewkc-pagination__list) {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5em;
	margin: 0;
	padding: 0;
	list-style: none;
}

:where(.ewkc-pagination__item) {
	margin: 0;
	padding: 0;
}

:where(.ewkc-pagination__link) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.75em;
	min-height: 2.75em;
	padding: 0 0.75em;
	text-decoration: none;
}

:where(.ewkc-pagination__link--current) {
	font-weight: 700;
}