/* === PAGINATION === */
.archive-pagination{
  display:grid;
  grid-template-columns: 1fr auto 1fr;
  align-items:center;
  max-width: 100%;
  margin: 40px auto;
  padding: 0 20px;
  gap: 16px;
}

.archive-pagination .pagination-left{justify-self:start;}
.archive-pagination .pagination-right{justify-self:end;}
.archive-pagination .pagination-center{text-align:center;}

/* Links links/rechts als knoppen */
.archive-pagination .pagination-left a,
.archive-pagination .pagination-right a,
.archive-pagination .btn{
  padding: var(--button-padding, 12px 24px);
  border-radius: var(--button-border-radius, 8px);
  font-weight: var(--button-font-weight, 700);
  text-transform: var(--button-text-transform, uppercase);
  transition: transform .06s ease, background-color .15s ease, border-color .15s ease;
}

/* Linker knop (licht) */
.archive-pagination .pagination-left a,
.archive-pagination .btn{
  background: var(--secondary-color);
  color: var(--white-color);
}

/* Rechter knop (primair/donker) */
.archive-pagination .pagination-right a,
.archive-pagination .btn.btn-primary{
  background: var(--secondary-color);
  color: var(--white-color);
}

/* Disabled staat voor knoppen */
.archive-pagination .is-disabled{
  opacity:.55;
  pointer-events:none;
}

/* Genummerde pagina’s in het midden */
/* Reset + layout */
.archive-pagination .pagination-center ul.page-numbers{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  gap: 8px;
}

/* Elk item */
.archive-pagination .pagination-center ul.page-numbers li{
  margin:0;
}

/* Link/span binnen het item als knop */
.archive-pagination .pagination-center ul.page-numbers li a.page-numbers,
.archive-pagination .pagination-center ul.page-numbers li span.page-numbers{
  display:inline-block; /* belangrijk: niet op het li, maar op a/span */
  padding:var(--button-padding,12px 24px);
  border:1px solid var(--beige-color);
  border-radius:4px;
  text-decoration:none;
  line-height:1;
}

/* Actieve pagina */
.archive-pagination .pagination-center ul.page-numbers li span.page-numbers.current{
  background:#f2a21c;
  border-color:#f2a21c;
  color:#111;
  font-weight:700;
}

/* Hover/focus op klikbare pagina's */
.archive-pagination .pagination-center ul.page-numbers li a.page-numbers:hover,
.archive-pagination .pagination-center ul.page-numbers li a.page-numbers:focus{
  background:#f2a21c;
  border-color:#f2a21c;
  color:#111;
}

/* puntjes "..." */
.archive-pagination .pagination-center .page-numbers.dots{
  border: none;
  min-width:auto;
  padding: var(--button-padding, 12px 24px);
}
  
/* Responsief: centreer knoppen onder de 480px */
@media (max-width:480px){
  .archive-pagination{
    grid-template-columns: 1fr 1fr;
  }
  .archive-pagination .pagination-center{
    grid-column: 1 / -1;
    order: -1;
  }
}