/* REQ-294 — Pager controls inserted by paginate.js. */

.paginator {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin: 18px auto 8px;
  padding: 8px 14px;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  /* Audit P1-B: was 11px — bumped to 12px label floor. */
  font-size: 12px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #b8ae99;
}

.paginator-btn {
  background: transparent;
  border: 1px solid rgba(201, 168, 109, 0.30);
  color: #c9a86d;
  font-family: 'Cormorant Garamond', serif;
  font-size: 18px;
  line-height: 1;
  /* Audit P1-A: was 32×32, below 44 minimum. */
  width: var(--tap-min, 44px);
  height: var(--tap-min, 44px);
  border-radius: 50%;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  transition: color 180ms cubic-bezier(.2,.7,.2,1),
              border-color 180ms cubic-bezier(.2,.7,.2,1),
              background 180ms cubic-bezier(.2,.7,.2,1);
}
.paginator-btn:hover:not([disabled]) {
  color: #e4c98a;
  border-color: #c9a86d;
  background: rgba(201, 168, 109, 0.08);
}
.paginator-btn[disabled] {
  opacity: 0.35;
  cursor: not-allowed;
}

.paginator-page {
  min-width: 56px;
  text-align: center;
  color: #e8e1d3;
}