/* FilthyHub - variant op het netwerkontwerp. Alleen stijl; grid, thumbs en ads ongewijzigd. */
/* Header: breed, afgerond zoekveld in het midden, navigatie rechts */
.search{max-width:700px;margin:0 auto}
.main-nav{margin-left:0}
.search input{border-radius:22px 0 0 22px;padding-left:18px}
.search button{border-radius:0 22px 22px 0;padding:0 20px}
.main-nav a{font-weight:600}
.main-nav a.on{background:var(--bg3);box-shadow:none;border-radius:4px;color:#fff}
/* Categorieen als afgeronde chips */
.catbar a{border:1px solid var(--line);border-radius:16px;padding:4px 12px}
.catbar a.on,.catbar a.on:hover{background:var(--accent);border-color:var(--accent);box-shadow:none;border-radius:16px;color:#fff}
/* Koppen met teller als badge */
.list-head h1 small{background:var(--bg3);color:var(--muted);padding:2px 8px;border-radius:10px;font-size:12px;vertical-align:middle}
/* Sorteren als segmentknop */
.sorts{background:var(--bg2);padding:3px;border-radius:20px;gap:2px}
.sorts a{border-radius:16px}
.sorts a.on,.sorts a.on:hover{background:var(--accent);color:#fff;box-shadow:none}
/* Kaartjes */
.card h3{font-weight:500;font-size:13.5px}
.meta{font-size:11.5px}
.dur,.hd{border-radius:10px;padding:2px 8px}
.card:hover h3{text-decoration:none;color:#fff}
.chip{border-radius:14px}
.like{border-radius:20px}
/* Paginering en footer */
.pager a,.pager span{border-radius:20px}
.pager span.on{background:var(--accent);color:#fff;box-shadow:none}
.foot{text-align:left}
.foot>*{max-width:1680px;margin-left:auto;margin-right:auto}
.foot nav{justify-content:flex-start}
@media (max-width:820px){.search{margin:0;max-width:none}}