/* ==========================================================================
   Patty Bakker — archiefpagina's
   Laad na pb-common.css. Hoort bij inc/pb-archieven.php.
   De kop (.page-intro) en de kaarten komen uit bestaande bestanden; hier
   alleen de breedte van de lijst, de lege staat en de paginering.
   ========================================================================== */

.pb-main .page-intro .label{margin-bottom:10px}

.pb-main .pb-archief-lijst{max-width:1240px;margin-left:auto;margin-right:auto;padding-bottom:48px}
.pb-main .pb-archief-lijst.section{padding-left:32px;padding-right:32px}
.pb-main .pb-archief-lijst .dog-grid{padding-left:0;padding-right:0}

.pb-main .pb-archief-leeg{color:var(--muted);font-size:16px;margin:8px 0 0}

/* Paginering: zelfde maat en ronding als de knoppen (44px, 8px). */
.pb-main .pb-archief-paginering{margin-top:28px}
.pb-main .pb-archief-paginering ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.pb-main .pb-archief-paginering li{margin:0}
.pb-main .pb-archief-paginering .page-numbers{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:44px;height:44px;padding:0 14px;border-radius:8px;
  border:1px solid var(--line);background:var(--paper);color:var(--brown);
  font-weight:500;transition:background .2s,color .2s,border-color .2s
}
.pb-main .pb-archief-paginering a.page-numbers:hover{background:var(--cream);border-color:var(--cream2)}
.pb-main .pb-archief-paginering .page-numbers.current{background:var(--button);border-color:var(--button);color:#fff}

@media (max-width:767px){
  .pb-main .pb-archief-lijst.section{padding-left:18px;padding-right:18px}
  .pb-main .page-intro{padding-left:18px;padding-right:18px}
}