/* ENP MESA — Supplemental styles (<10KB) */

/* AIO Snippet */
.enp-aio-snippet { font-size: 0.95rem; }

/* Data tables */
.enp-table { width: 100%; border-collapse: collapse; }
.enp-table th,
.enp-table td { padding: 0.75rem; text-align: left; border-bottom: 1px solid rgba(211,196,175,0.15); }
.enp-table th { font-size: 10px; text-transform: uppercase; letter-spacing: 0.15em; color: #4f4535; font-weight: 600; }

/* ── Pagination ─────────────────────────────────────────
   Wrapper is `<div class="mt-12 flex justify-center">` (Tailwind).
   Each item is `<a|span class="page-numbers">`.
   Special classes: .current, .dots, .next, .prev
   Design: sharp corners, gold accent, generous whitespace, serif numerals
   ─────────────────────────────────────────────────────── */

/* Wrapper override — add gap and padding */
.mt-12.flex.justify-center {
	gap: 0.5rem;
	flex-wrap: wrap;
	padding: 2rem 0;
	border-top: 1px solid rgba(211, 196, 175, 0.2);
	margin-top: 4rem !important;
}

/* Base item styles */
.page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.75rem;
	height: 2.75rem;
	padding: 0 0.875rem;
	font-family: 'Newsreader', serif;
	font-size: 1rem;
	font-weight: 400;
	color: #1c1c18;
	background: transparent;
	border: 1px solid rgba(211, 196, 175, 0.4);
	text-decoration: none;
	transition: all 0.25s ease;
	letter-spacing: 0.02em;
	user-select: none;
}

/* Links: clickable */
a.page-numbers {
	cursor: pointer;
}

/* Hover state */
a.page-numbers:hover,
a.page-numbers:focus-visible {
	background: #fcf9f2;
	border-color: #7b5800;
	color: #7b5800;
	outline: none;
}

/* Current page (non-clickable, highlighted) */
.page-numbers.current {
	background: #1c1c18;
	border-color: #1c1c18;
	color: #fcf9f2;
	font-weight: 600;
	cursor: default;
}

.page-numbers.current:hover {
	background: #1c1c18;
	color: #fcf9f2;
}

/* Dots/ellipsis (non-clickable separator) */
.page-numbers.dots {
	border: none;
	background: transparent;
	color: #817563;
	min-width: 1.5rem;
	padding: 0 0.25rem;
	font-size: 1.25rem;
	letter-spacing: 0.1em;
	cursor: default;
}

.page-numbers.dots:hover {
	background: transparent;
	border: none;
	color: #817563;
}

/* Prev / Next buttons — accent with gold on hover */
.page-numbers.prev,
.page-numbers.next {
	min-width: 3rem;
	background: transparent;
	border-color: rgba(211, 196, 175, 0.4);
}

.page-numbers.prev:hover,
.page-numbers.next:hover {
	background: #7b5800;
	border-color: #7b5800;
	color: #fcf9f2;
}

/* Material icon inside prev/next — proper alignment */
.page-numbers .material-symbols-outlined {
	font-size: 1.25rem;
	line-height: 1;
}

/* Mobile: tighten spacing, smaller items */
@media (max-width: 640px) {
	.mt-12.flex.justify-center {
		gap: 0.25rem;
		padding: 1.5rem 1rem;
	}
	.page-numbers {
		min-width: 2.25rem;
		height: 2.25rem;
		padding: 0 0.5rem;
		font-size: 0.875rem;
	}
	.page-numbers.prev,
	.page-numbers.next {
		min-width: 2.5rem;
	}
}

/* Dark sections — pagination on dark backgrounds (just in case) */
.bg-\[\#121212\] .page-numbers {
	color: #fcf9f2;
	border-color: rgba(252, 249, 242, 0.2);
}
.bg-\[\#121212\] a.page-numbers:hover {
	background: rgba(252, 249, 242, 0.05);
	border-color: #B8860B;
	color: #B8860B;
}

/* WP overrides */
.wp-site-blocks { padding: 0 !important; max-width: 100% !important; }
.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { max-width: 100% !important; }
.has-global-padding { padding: 0 !important; }
body { margin: 0 !important; }

/* Search form input */
input[type="search"],
input[type="text"] { background: transparent; }