/* ============================================================
   ITmarkt — nieuwsmuur (glas-stijl) voor /nieuws/
   Rendert de gecachte feed uit /api/news.php als glazen kaarten.
   ============================================================ */
.feedwall { max-width: 1060px; margin: 46px auto 0; padding: 0 clamp(18px, 4vw, 32px) 10px; }
.feedwall__head { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 16px; }
.feedwall__head h2 { font-size: clamp(22px, 3.2vw, 34px); font-weight: 800; letter-spacing: -0.025em; line-height: 1.1; }
.feedwall__head h2 .grad { background: linear-gradient(110deg, #dfe4ea, var(--c-2) 70%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.feedwall__note { font-size: 12.5px; color: var(--ink-faint); }

.feedchips { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 18px; }
.feedchip {
  font: 600 12.5px/1 var(--font); padding: 8px 14px; border-radius: 999px; cursor: pointer;
  color: var(--ink-dim); background: var(--glass-bg); border: 1px solid var(--glass-stroke);
  transition: color .2s var(--ease), background .2s var(--ease), border-color .2s var(--ease);
}
.feedchip:hover { color: #fff; border-color: var(--glass-stroke-bright); }
.feedchip.is-active { color: #fff; background: linear-gradient(135deg, #8f97a2, #5b626c); border-color: transparent; }

.feedgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); gap: 15px; }
.feedcard {
  display: flex; flex-direction: column; overflow: hidden; border-radius: 18px;
  background: var(--glass-bg); border: 1px solid var(--glass-stroke); color: var(--ink); text-decoration: none;
  -webkit-backdrop-filter: blur(14px) saturate(115%); backdrop-filter: blur(14px) saturate(115%);
  transition: transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s var(--ease);
}
.feedcard:hover { transform: translateY(-5px); box-shadow: var(--glass-shadow); border-color: var(--glass-stroke-bright); }
.feedcard__thumb { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; background: rgba(255,255,255,.05); display: block; }
.feedcard__b { padding: 14px 15px 16px; display: flex; flex-direction: column; gap: 10px; flex: 1; }
.feedcard__t {
  font-size: 14.5px; font-weight: 650; line-height: 1.34; letter-spacing: -0.01em;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.feedcard__meta { margin-top: auto; display: flex; align-items: center; gap: 9px; font-size: 11.5px; }
.feedcard__src { color: #fff; padding: 3px 9px; border-radius: 8px; font-weight: 700; letter-spacing: .02em; }
.feedcard__src[data-s="tweakers"]      { background: #e00000; }
.feedcard__src[data-s="nunl"]          { background: #cc0033; }
.feedcard__src[data-s="techzine"]      { background: #0b8fb0; }
.feedcard__src[data-s="androidplanet"] { background: #2ba85f; }
.feedcard__time { color: var(--ink-faint); }
.feedwall__empty { grid-column: 1 / -1; color: var(--ink-dim); padding: 34px; text-align: center; font-size: 14px; }
.feedwall__empty a { color: #c8ccd3; font-weight: 600; }