/* ============================================================
   Badges (extracted from main.css)
   Small circular count indicators — currently cart-only.
   ============================================================ */

.cart-badge {
  display: inline-block;
  background-color: var(--danger);
  color: var(--white);
  font-size: 0.4em !important;
  font-weight: bold;
  text-align: center;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  position: relative;
  top: -23px;
  left: -5px;
  padding: 2px;
}

.cart-badge-navbar {
  display: inline-block;
  background-color: var(--danger);
  color: var(--white);
  font-size: 0.7em !important;
  font-weight: bold;
  text-align: center;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  position: relative;
  top: -9px;
  left: -4px;
  margin-right: -23px;
  padding: 1px;
}