/* RiotTube - variant op het netwerkontwerp. Alleen stijl; grid, thumbs en ads ongewijzigd. */
/* Header: navigatie direct naast het logo, zoekveld rechts */
.top-inner{gap:24px}
.main-nav{order:2;margin-left:0}
.search{order:3;margin-left:auto;max-width:520px}
.main-nav a{text-transform:uppercase;font-size:13px;font-weight:700;letter-spacing:.5px}
.search input{border-radius:18px 0 0 18px;padding-left:16px}
.search button{border-radius:0 18px 18px 0}
/* Categorieen: compacte hoofdletters */
.catbar{gap:2px}
.catbar a{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding:6px 10px}
/* Koppen met accentstreep */
.list-head h1,.section-title{text-transform:uppercase;letter-spacing:.5px;font-size:20px;padding-left:10px;border-left:4px solid var(--accent)}
.list-head h1 small{text-transform:none;letter-spacing:0}
/* Sorteren als omlijnde knoppen */
.sorts{gap:6px;padding:0}
.sorts a{border:1px solid var(--line);border-radius:3px}
.sorts a.on,.sorts a.on:hover{background:var(--accent);color:#fff;box-shadow:none;border-color:var(--accent)}
/* Kaartjes */
.dur{background:var(--accent);color:#fff}
.card:hover .thumb{outline:2px solid var(--accent);outline-offset:-2px}
.card:hover .thumb img{opacity:1}
.card:hover h3{text-decoration:none;color:var(--accent2)}
.chip{background:none;border:1px solid var(--line)}
/* Paginering en footer */
.pager a,.pager span{background:none;border:1px solid var(--line)}
.pager span:not(.on){border-color:transparent}
.pager span.on{background:var(--accent);color:#fff;box-shadow:none;border-color:var(--accent)}
.foot{border-top:2px solid var(--accent)}
.foot nav a{text-transform:uppercase;font-size:12px;letter-spacing:.4px}
@media (max-width:820px){.search{order:3;flex-basis:100%;max-width:none;margin-left:0}.main-nav{margin-left:auto}}