/*
 * Urban Pets - in-store stock on the product page (pharmacy products only)
 * Destination on server: /home/urbanpets/public_html/online/catalog/view/javascript/urbanpets-vet-stock.css
 * Pairs with urbanpets-vet-stock.js. See that file for the full picture.
 *
 * Colours match urbanpets-stanje.js's own traffic-light palette
 * (available/low/out) exactly, so the two widgets read as one system.
 *
 * All screen sizes on purpose - unlike urbanpets-mobile-ux.css, this is
 * not phone/tablet-only.
 */

.up-vst-box {
  margin: 4px 0 14px;
  padding: 10px 14px;
  background: #f7f9fb;
  border: 1px solid #e2e6ea;
  border-radius: 6px;
  font-size: 13px;
  line-height: 1.45;
  color: #333;
}

.up-vst-head {
  display: flex;
  align-items: center;
  gap: 7px;
  font-weight: 600;
  font-size: 13px;
  color: #444;
  margin-bottom: 6px;
}

.up-vst-icon {
  display: inline-flex;
  color: #2b7a3d;
}
.up-vst-icon svg {
  width: 16px;
  height: 16px;
}

.up-vst-msg {
  margin: 0;
  color: #666;
}

.up-vst-stores {
  list-style: none;
  margin: 0;
  padding: 0;
}

.up-vst-store {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 2px 0;
}

.up-vst-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  flex: 0 0 auto;
}

.up-vst-available .up-vst-dot { background: #2b7a3d; }
.up-vst-available { color: #2b7a3d; }

.up-vst-low .up-vst-dot { background: #d98b00; }
.up-vst-low { color: #d98b00; }

.up-vst-out .up-vst-dot { background: #bbb; }
.up-vst-out { color: #888; }

.up-vst-note {
  margin: 6px 0 0;
  font-size: 12px;
  color: #888;
}