/* NIF v0.22.1 final mini polish: forumrubriek-icoontjes mooier + mobiele hero rustiger. */
.category-btn{
  align-items:center;
  gap:12px;
}
.cat-symbol{
  width:24px;
  min-width:24px;
  height:24px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(180deg,#f6f9fc,#eef3f8);
  color:#193a67;
  box-shadow:inset 0 0 0 1px #d9e2ec, 0 1px 2px rgba(21,51,93,.06);
  font-size:14px;
  line-height:1;
  font-weight:700;
}
.category-btn:hover .cat-symbol,
.category-btn.selected .cat-symbol{
  background:linear-gradient(180deg,#fff8f6,#feeaea);
  color:#b22731;
  box-shadow:inset 0 0 0 1px #f1cdd2, 0 1px 2px rgba(178,39,49,.10);
}
.category-btn .cat-label{
  flex:1;
}
#category-list .count{
  margin-left:auto;
}
@media (max-width:670px){
  .hero{
    background-image:url('../assets/hero-v019.webp') !important;
    background-size:cover !important;
    background-position:63% center !important;
    min-height:318px !important;
  }
  .hero .hero-overlay{
    background:linear-gradient(90deg,
      rgba(233,244,250,.97) 0%,
      rgba(233,244,250,.90) 48%,
      rgba(233,244,250,.62) 76%,
      rgba(233,244,250,.28) 100%) !important;
  }
  .hero-inner{
    padding:24px 16px 18px !important;
  }
}
@media (max-width:420px){
  .hero{
    background-position:61% center !important;
  }
}