/*
 * Query pagination — numbered + prev/next buttons.
 *
 * Pattern: filled active page, outline inactive, prev/next anchored.
 * 44px minimum hit target (WCAG 2.5.8). Per haiku research:
 * docs/research/pagination-ux.md.
 *
 * Style is applied to the actual <a> elements; Kadence wraps prev/next
 * in a layout-only <div>, so styling the wrapper made "Next" look like
 * it was missing a bottom border.
 */

.wp-block-query-pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: var(--isjac-pad-xs);
	margin: var(--isjac-section-md) 0 0;
	font-size: 0.9375rem;
	flex-wrap: wrap;
}

.wp-block-query-pagination > * {
	margin: 0;
}

.wp-block-query-pagination .page-numbers,
.wp-block-query-pagination-previous a,
.wp-block-query-pagination-next a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	height: 44px;
	padding: 0 0.875rem;
	border: 1px solid rgba(2, 7, 38, 0.15);
	background: var(--isjac-surface-card);
	color: var(--isjac-color-ink);
	text-decoration: none;
	border-radius: var(--isjac-radius-md);
	font-weight: 500;
	box-sizing: border-box;
	transition: background-color 150ms ease-out, border-color 150ms ease-out, color 150ms ease-out;
}

/* Wrappers are layout-only — strip any inherited frame. */
.wp-block-query-pagination-previous,
.wp-block-query-pagination-next {
	border: 0;
	background: transparent;
	padding: 0;
	min-width: 0;
	height: auto;
}

.wp-block-query-pagination .page-numbers:hover:not([aria-current="page"]),
.wp-block-query-pagination-previous a:hover,
.wp-block-query-pagination-next a:hover {
	border-color: var(--isjac-color-brand-deep);
	color: var(--isjac-color-brand-deep);
	background: var(--isjac-color-brand-wash);
	text-decoration: none;
}

.wp-block-query-pagination .page-numbers:focus-visible,
.wp-block-query-pagination-previous a:focus-visible,
.wp-block-query-pagination-next a:focus-visible {
	outline: 2px solid var(--isjac-color-brand-deep);
	outline-offset: 2px;
}

.wp-block-query-pagination .page-numbers[aria-current="page"],
.wp-block-query-pagination .page-numbers.current {
	background: var(--isjac-color-brand-deep);
	color: var(--isjac-color-paper);
	border-color: var(--isjac-color-brand-deep);
	cursor: default;
	font-weight: 700;
}

.wp-block-query-pagination .page-numbers.dots {
	border: 0;
	background: transparent;
	color: var(--isjac-text-muted);
	min-width: auto;
	padding: 0 0.25rem;
}