/**
 * Pagination — Figma nodes 3002:968 / 610:7165.
 */

.ipopi-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	flex-shrink: 0;
}

.ipopi-pagination__nav {
	display: flex;
	align-items: center;
	gap: 7px;
	flex-shrink: 0;
}

.ipopi-pagination__btn {
	min-width: var(--ipopi-button-height, 48px);
	background: var(--ipopi-color-background-low, #fafafa);
	border-color: var(--ipopi-color-stroke-soft, #dce2e4);
}

.ipopi-pagination__btn:disabled {
	opacity: 0.4;
	cursor: not-allowed;
	pointer-events: none;
}

a.ipopi-pagination__btn {
	text-decoration: none;
	color: var(--ipopi-color-navy, #233c59);
}

.ipopi-pagination__btn.is-disabled,
span.ipopi-pagination__btn[aria-disabled="true"] {
	opacity: 0.4;
	cursor: not-allowed;
	pointer-events: none;
}

.ipopi-pagination__pages {
	display: flex;
	align-items: center;
	gap: 0;
	flex-shrink: 0;
	font-family: Manrope, system-ui, sans-serif;
	font-size: var(--ipopi-type-body-medium-size, 16px);
	line-height: var(--ipopi-type-body-medium-line-height, 26px);
	letter-spacing: var(--ipopi-type-body-medium-letter-spacing, -0.16px);
}

.ipopi-pagination__page {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-width: var(--ipopi-button-height, 48px);
	height: var(--ipopi-button-height, 48px);
	padding: var(--ipopi-button-padding-y, 8px) var(--ipopi-button-padding-x, 12px);
	border-radius: var(--ipopi-button-radius, 16px);
	font-weight: 700;
	color: var(--ipopi-color-navy, #233c59);
}

.ipopi-pagination__current {
	font-weight: 700;
	color: var(--ipopi-color-navy, #233c59);
}

.ipopi-pagination__sep {
	font-weight: 400;
	color: var(--ipopi-color-secondary, #6e6967);
}

.ipopi-pagination__total {
	font-weight: 700;
	color: var(--ipopi-color-navy, #233c59);
}

.ipopi-section__header .ipopi-pagination {
	width: auto;
	flex-shrink: 0;
}

@media (max-width: 767px) {
	.ipopi-section__header .ipopi-pagination {
		display: none;
	}

	.ipopi-section__footer .ipopi-pagination {
		display: flex;
		width: 100%;
	}

	/* Search / archive link pagination: hide first/last on mobile (Figma 648:11740). */
	.ipopi-pagination--edges .ipopi-pagination__nav--left > :first-child,
	.ipopi-pagination--edges .ipopi-pagination__nav--right > :last-child {
		display: none;
	}
}

@media (min-width: 768px) {
	.ipopi-section__footer .ipopi-pagination {
		display: none;
	}
}