/* =========================
   LAB FILTERS + CATEGORIES
   ========================= */
.lab-filters .card-body{
  padding: 1rem;
  overflow: hidden;
}

.lab-filters .input-group .form-control{ border-left: 0; }
.lab-filters .input-group .input-group-text{
  border-right: 0;
  background: #fff;
}

/* default badges in lab UI */
.lab-filters .badge{ border-radius: .5rem; }

/* category list */
.lab-cat-list .list-group-item{
  padding: .55rem .75rem;
  border-left: 0;
  border-right: 0;
}
.lab-cat-list .list-group-item:first-child{ border-top: 0; }

.lab-cat-list .list-group-item.active{
  background-color: #136bad;
  color: #fff;
  border-color: #136bad;
}
.lab-cat-list .list-group-item.active .badge{
  background: rgba(255,255,255,.15);
  color: #fff;
  border-color: transparent;
}

/* IMPORTANT: show full category names (no ellipsis) */
.lab-cat-list .cat-name{
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  word-break: break-word;
  line-height: 1.25;
  flex: 1 1 auto;
  min-width: 0;
}

/* IMPORTANT: round counters */
.lab-cat-list .badge{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.1rem;
  height: 2.1rem;
  padding: 0;
  border-radius: 999px;
  font-weight: 800;
  line-height: 1;
  flex: 0 0 auto;
}

/* Sticky on desktop */
@media (min-width: 992px){
  .sticky-top{ z-index: 1010; }
}

/* active filter chips */
.active-filters{ max-width: 100%; overflow: hidden; }
.active-filters .badge{ border-radius: .5rem; max-width: 100%; }
.active-filters .chip-text{
  display: inline-block;
  max-width: 14rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 575.98px){
  .active-filters .chip-text{ max-width: 100%; }
}

/* grid card tweaks */
.lab-panel--grid .vertical-divider{ display: none !important; }
.lab-panel--grid .card-inner{
  grid-template-columns: 1fr !important;
  padding: .5rem 0 !important;
}
.lab-panel--grid .price-col{
  width: 100% !important;
  background: none !important;
  padding: .5rem 0 !important;
  justify-content: flex-start !important;
  text-align: left !important;
}
.lab-panel--grid .horizontal-divider{ left: 0; right: 0; }