/* ─── 3BIR: shop-only menu touches ──────────────────────────────────────────
   Loaded by the marketplace shop after chrome.css (the shared header/footer).
   The shop's theme map is already the site's dark palette
   (provision-zbir.ts); this only adds what the map cannot say: the menu page
   in the site's accents (blue for the active chip and the add button, slab
   uppercase category titles). */

/* Category chips: the active one blue with dark lettering, the rest foam. */
button.rounded-full.bg-foreground.text-background {
  background: #3ba3dc;
  color: #0b1620;
}
button.rounded-full.text-muted-foreground {
  color: #f2efea;
}
button.rounded-full.text-muted-foreground:hover {
  background: #242424;
  color: #3ba3dc;
}

/* Category titles as the site's headings: the slab, uppercase. */
h4.heading-h4 {
  color: #f2efea;
  font-family: 'Alfa Slab One', Georgia, serif;
  font-weight: 400;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}

/* Product cards: hairline, blue "+" and hover. */
button.group.rounded-2xl.bg-card {
  border-color: #2e2e2e;
}
button.group.rounded-2xl.bg-card:hover {
  border-color: rgba(59, 163, 220, 0.55);
  box-shadow: 0 16px 32px -24px rgba(0, 0, 0, 0.8);
}
button.group.rounded-2xl.bg-card span.size-7.rounded-full {
  background: #3ba3dc;
  border-color: #3ba3dc;
  color: #0b1620;
  box-shadow: none;
}