/* ===== Vacatures Archive (scoped) ===== */
:root{ --ink:#0f172a; --muted:#6b7280; --accent:#F4B41A; --b:1px solid rgba(0,0,0,.08); --br:16px; }

.vac-arch .container{max-width:1200px;margin:0 auto;padding:0 16px}
.vac-arch .btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:999px;border:1.5px solid rgba(0,0,0,.12);text-decoration:none;font-weight:800;color:inherit}
.vac-arch .btn--accent{background: #6f5854;
    border-color: transparent;
    color: white;}

/* Hero */
.vac-arch .vac-hero{padding:28px 0;background:linear-gradient(180deg,#fff,#faf6f3)}
.vac-arch .vac-title{margin:0 0 8px;font-size:clamp(26px,5vw,44px)}
.vac-arch .vac-intro{max-width:72ch;color:var(--muted)}

/* List */
.vac-arch .vac-list{padding:18px 0 28px}
.vac-arch .cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
@media(max-width:800px){.vac-arch .cards{grid-template-columns:1fr}}
.vac-arch .vac-card{background:#fff;border:var(--b);border-radius:var(--br);overflow:hidden;display:flex;flex-direction:column}
.vac-arch .vc-thumb img{width:100%;height:200px;object-fit:cover;display:block}
.vac-arch .vc-head{padding:12px 12px 4px}
.vac-arch .vc-title{margin:0 0 4px;font-size:20px}
.vac-arch .vc-title a{text-decoration:none;color:inherit}
.vac-arch .vc-intro{margin:0 0 8px;color:var(--muted)}
.vac-arch .vc-meta{list-style:none;margin:0 12px 10px;padding:0;display:flex;gap:12px;flex-wrap:wrap}
.vac-arch .vc-meta li{display:flex;gap:6px;align-items:center}
.vac-arch .vc-cta{padding:0 12px 12px;margin-top:auto}

/* Pagination */
.vac-arch .vac-pagination{display:flex;justify-content:center;margin-top:16px}
.vac-arch .vac-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;margin:0 4px;border:var(--b);text-decoration:none;color:inherit}
.vac-arch .vac-pagination .current{background:var(--accent);border-color:transparent;color:#151515}

/* Empty */
.vac-arch .vac-empty{text-align:center;padding:32px 0}