/* pagination.css — consolidated S3.2 + S3.5 (migrated from style.css full block) */

:root{
  --pagi-h: 40px;
  --pagi-gap: 8px;
  --pagi-radius: 14px;
  --pagi-accent: var(--primary, #540a1d);
  --pagi-accent-rgb: 84,10,29;
  --pagi-bg: #fff;
  --pagi-bg-hover: rgba(var(--pagi-accent-rgb), .10);
  --pagi-text: var(--text, #0f172a);
  --pagi-muted: rgba(15,23,42,.62);
  --pagi-border: rgba(15,23,42,.14);
  --pagi-shadow: 0 14px 34px rgba(2,6,23,.10);
  --pagi-glow: 0 14px 34px rgba(var(--pagi-accent-rgb), .28);
  --pagi-ring: 0 0 0 3px rgba(var(--pagi-accent-rgb), .25);
}

.dag-pagination,
.vehicle-pagination,
.wp-block-query-pagination,
.pagination,
.nav-links{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:var(--pagi-gap);
  margin:22px 0 0;
  padding:0;
  list-style:none;
}

.page-numbers,
.wp-block-query-pagination a,
.wp-block-query-pagination span,
.pagination a,
.pagination span,
.nav-links a,
.nav-links span{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:var(--pagi-h);
  height:var(--pagi-h);
  padding:0 14px;
  border-radius:var(--pagi-radius);
  border:1px solid var(--pagi-border);
  background:var(--pagi-bg);
  color:var(--pagi-text);
  text-decoration:none !important;
  font-weight:700;
  letter-spacing:.2px;
  line-height:1;
  box-shadow:0 0 0 rgba(0,0,0,0);
  transform:translateY(0) scale(1);
  transition:transform .18s ease, box-shadow .18s ease, background-color .18s ease, border-color .18s ease, color .18s ease, filter .18s ease;
}

@keyframes pagiIn{
  from{ opacity:0; transform:translateY(8px) scale(.98); }
  to{ opacity:1; transform:translateY(0) scale(1); }
}
@media (prefers-reduced-motion: no-preference){
  .wp-block-query-pagination,
  .dag-pagination,
  .pagination,
  .nav-links{
    animation:pagiIn .45s cubic-bezier(.2,.8,.2,1) both;
  }
}

.page-numbers:hover,
.wp-block-query-pagination a:hover,
.pagination a:hover,
.nav-links a:hover{
  background:var(--pagi-bg-hover);
  border-color:rgba(var(--pagi-accent-rgb), .55);
  box-shadow:var(--pagi-shadow);
  color:var(--pagi-text);
}

.page-numbers:active,
.wp-block-query-pagination a:active,
.pagination a:active,
.nav-links a:active{
  transform:translateY(0) scale(.98);
  box-shadow:0 10px 22px rgba(2,6,23,.12);
}

.page-numbers:focus-visible,
.wp-block-query-pagination a:focus-visible,
.pagination a:focus-visible,
.nav-links a:focus-visible{
  outline:none;
  border-color:rgba(var(--pagi-accent-rgb), .85);
  box-shadow:var(--pagi-ring), var(--pagi-shadow);
}

.page-numbers.current,
.wp-block-query-pagination .page-numbers.current,
.wp-block-query-pagination span.current,
.pagination .current,
.nav-links .current{
  background:var(--pagi-accent) !important;
  border-color:var(--pagi-accent) !important;
  color:#fff !important;
  box-shadow:var(--pagi-glow) !important;
}

.page-numbers.dots,
.wp-block-query-pagination span.dots,
.pagination span.dots,
.nav-links span.dots{
  min-width:auto;
  padding:0 10px;
  background:transparent !important;
  border-color:transparent !important;
  color:var(--pagi-muted) !important;
  box-shadow:none !important;
}

.page-numbers.prev,
.page-numbers.next,
.wp-block-query-pagination a.wp-block-query-pagination-previous,
.wp-block-query-pagination a.wp-block-query-pagination-next,
.pagination a.prev,
.pagination a.next,
.nav-links a.prev,
.nav-links a.next{
  min-width:94px;
  padding:0 16px;
  font-weight:800;
}

.page-numbers.prev,
.page-numbers.next,
.wp-block-query-pagination a.wp-block-query-pagination-previous,
.wp-block-query-pagination a.wp-block-query-pagination-next{
  background:linear-gradient(180deg, rgba(var(--pagi-accent-rgb), .10), rgba(var(--pagi-accent-rgb), .04));
}

@media (prefers-reduced-motion: reduce){
  .page-numbers,
  .wp-block-query-pagination a,
  .wp-block-query-pagination span,
  .pagination a,
  .pagination span,
  .nav-links a,
  .nav-links span{
    transition:none !important;
  }
}

@media (max-width: 520px){
  :root{ --pagi-h: 36px; --pagi-gap: 6px; --pagi-radius: 12px; }
  .page-numbers,
  .wp-block-query-pagination a,
  .wp-block-query-pagination span,
  .pagination a,
  .pagination span,
  .nav-links a,
  .nav-links span{
    font-size:13px;
    padding:0 12px;
  }
  .page-numbers.prev,
  .page-numbers.next,
  .wp-block-query-pagination a.wp-block-query-pagination-previous,
  .wp-block-query-pagination a.wp-block-query-pagination-next{
    min-width:86px;
    padding:0 14px;
  }
}