/* De gedeelde chips. Staat hier en niet in global-styles.css, want dat bestand gaat door de
   ABP-stijlbundel en die wordt gegenereerd en gecachet: nieuwe klassen komen er niet betrouwbaar
   doorheen. De marktplaats liep daar al tegenaan en zette z'n chips daarom in marketplace.css; de
   kaarten, de dialogen en de paginaschil staan om dezelfde reden in cards.css, dialogs.css en
   pages.css, die App.razor allemaal rechtstreeks linkt. */

/* De categoriechip: het icoon en de kleur komen per categorie uit CategoryRegistry en staan dus
   inline op het element; alles wat voor elke chip gelijk is staat hier. Gebruikt door het
   CategoryChip-component, zodat dezelfde categorie er in de artikelenlijst, in de winkel en op de
   marktplaats hetzelfde uitziet. */
.cat-chip {
    display: inline-flex; align-items: center; gap: 4px;
    padding: 2px 8px; border-radius: 6px;
    font-size: 0.68rem; white-space: nowrap;
}

.cat-chip i { font-size: 9px; }