/* Category deep-page tweaks (layout/components live in base.css / components.css) */

.cc-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  justify-content: center;
  margin-top: 24px;
}

.cc-page-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 34px;
  padding: 0 10px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--ev-line);
  background: #fff;
  font-size: 13px;
  font-weight: 600;
  color: var(--ev-ink);
}

.cc-page-link:hover { background: var(--ev-blue); color: #fff; border-color: var(--ev-blue); }

.cc-page-link.is-active {
  background: var(--ev-blue);
  color: #fff;
  border-color: var(--ev-blue);
}

.cc-page-link--nav { font-weight: 500; color: var(--ev-muted); }

.cc-page-link--disabled {
  color: var(--ev-line);
  border-color: var(--ev-line-soft);
  pointer-events: none;
}

.cc-page-ellipsis {
  color: var(--ev-muted);
  font-size: 13px;
  padding: 0 4px;
}