/* CANNI V8.2.75 — member badge uses the TRUE cart badge sizing.
   Cart mobile final rules in styles.css are: 18px min-width, 18px height, 9px font, 0 4px padding.
   This file groups both badges under the same declarations and keeps only the member position separate. */

#cartCount.badge,
#accountNotificationCount.badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:19px!important;
  height:19px!important;
  padding:0 5px!important;
  margin-left:4px!important;
  border:0!important;
  border-radius:999px!important;
  background:#292521!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font:800 10px/1 Arial,sans-serif!important;
  letter-spacing:0!important;
  vertical-align:middle!important;
  box-sizing:border-box!important;
}

@media(max-width:700px){
  #cartCount.badge,
  #accountNotificationCount.badge{
    min-width:18px!important;
    height:18px!important;
    padding:0 4px!important;
    font-size:9px!important;
  }
}

#accountBtn{position:relative!important;overflow:visible!important;}
#accountNotificationCount.badge{
  position:absolute!important;
  top:-1px!important;
  right:-2px!important;
  margin:0!important;
  pointer-events:none!important;
}
#accountNotificationCount.badge.is-empty,
#accountNotificationCount.badge[data-count="0"]{display:none!important;}