/* ── BCW Pagination Widget ─────────────────────────────────────────────────
 *
 * Structural base styles for the standalone BCW Pagination widget (.bcw-pn__).
 * All colours, sizes, and typography are overridden by Elementor-generated
 * inline styles — these defaults just ensure a sensible fallback appearance.
 *
 * BEM prefix: bcw-pn  (Buckeye Custom Widgets — Pagination Nav)
 * ──────────────────────────────────────────────────────────────────────────── */

.bcw-pn__pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 4px;
	margin-top: 40px;
}

.bcw-pn.is-loading {
	opacity: 0.65;
	pointer-events: none;
}

/* ── Base button / link ──────────────────────────────────────────────────── */

.bcw-pn__page-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 36px;
	height: 36px;
	padding: 0 10px;
	background-color: transparent;
	color: #333333;
	border: 1px solid #d0d5dc;
	border-radius: 3px;
	font-size: 0.875rem;
	font-family: inherit;
	cursor: pointer;
	text-decoration: none;
	transition: background-color 150ms ease, color 150ms ease, border-color 150ms ease;
	line-height: 1;
}

.bcw-pn__page-btn:hover,
.bcw-pn__page-btn:focus-visible {
	background-color: #1a2433;
	color: #ffffff;
	border-color: #1a2433;
	outline: none;
}

.bcw-pn__page-btn.is-current {
	background-color: #cc0000;
	color: #ffffff;
	border-color: #cc0000;
	font-weight: 700;
	cursor: default;
	pointer-events: none;
}

/* ── First / Last buttons ────────────────────────────────────────────────── */

.bcw-pn__page-first,
.bcw-pn__page-last {
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.03em;
}

.bcw-pn__page-first img,
.bcw-pn__page-last img {
	display: block;
	max-height: 1em;
	width: auto;
}

/* Icon hover swap */
.bcw-pn__page-btn:hover .bcw-pn__btn-icon--normal { display: none; }
.bcw-pn__page-btn:hover .bcw-pn__btn-icon--hover   { display: block !important; }

/* ── Hidden states ───────────────────────────────────────────────────────── */

/* Prev/Next scroll arrows — only shown by JS when page buttons overflow */
.bcw-pn__page-nav.is-hidden,
/* First/Last — hidden when already on first/last page */
.bcw-pn__page-first.is-page-edge,
.bcw-pn__page-last.is-page-edge {
	display: none !important;
}