/* ==========================================================================
   Pine Bluff Commercial — Archive / Category / Search Styles
   ========================================================================== */

.nav-links {
	display: flex;
	justify-content: center;
	gap: 4px;
	font-family: var(--pbc-font-ui);
	font-size: 12px;
}

.nav-links .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 36px;
	height: 36px;
	padding: 0 8px;
	color: var(--pbc-link);
	border: 1px solid var(--pbc-rule-section);
	transition: all 0.2s ease;
}

.nav-links .page-numbers:hover {
	background-color: var(--pbc-gold);
	border-color: var(--pbc-gold);
	color: var(--pbc-white);
}

.nav-links .page-numbers.current {
	background-color: var(--pbc-gold);
	border-color: var(--pbc-gold);
	color: var(--pbc-white);
	font-weight: 700;
}

.nav-links .prev,
.nav-links .next {
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

.search-form {
	display: flex;
	gap: 0;
	max-width: 500px;
	margin: 0 auto;
}

.search-form .search-field {
	flex: 1;
	padding: 10px 16px;
	font-family: var(--pbc-font-ui);
	font-size: 14px;
	border: 1px solid var(--pbc-rule-section);
	border-right: 0;
	outline: none;
}

.search-form .search-field:focus {
	border-color: var(--pbc-gold);
}

.search-form .search-submit {
	padding: 10px 20px;
	background-color: var(--pbc-gold);
	color: var(--pbc-white);
	font-family: var(--pbc-font-ui);
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	border: 0;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

.search-form .search-submit:hover {
	background-color: var(--pbc-gold-hover);
}