/* --- TP Store availability (dots) --- */
#store-availability-meta{ margin:.5rem 0 1rem; }
#store-availability-meta .stock{ margin:0; }
#store-availability-meta .stock > strong{ color:#000 !important; }

#store-availability-meta .stock-header{
  display:flex;
  align-items:center;
  gap:24px;
}

#store-availability-meta .stock-title{
  font-weight:700;
  color:#000;
}

#store-availability-meta .stock-legend{
  display:inline-flex;
  align-items:center;
  gap:14px;
}

#store-availability-meta .legend-item{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  color:#000;
}

/* container: wrap cards */
#store-availability-meta .my-custom-locations-container{
  display:flex;
  flex-wrap:wrap;
  gap:6px 16px;
}

/* card */
#store-availability-meta .location-item{
  border:1px solid #ddd;
  border-radius:5px;
  background:#fff;
  padding:5px 8px 6px;
}

#store-availability-meta .location-item:hover{
  border-color:#cfcfcf;
  box-shadow:0 1px 3px rgba(0,0,0,.06);
}

/* row: name + dot */
#store-availability-meta .location-name{
  display:inline-flex;
  align-items:center;
  gap:10px;
  line-height:1.1;
}

#store-availability-meta .place-name{
  color:#000 !important;
  max-width:220px;
  white-space:normal;
  word-break:break-word;
  font-size:14px;
}

/* dot only */
#store-availability-meta .status{
  display:inline-block;
  width:18px;
  height:18px;
  border-radius:50%;
  background:#ccc; /* default */
  flex:0 0 auto;
}

/* colors */
#store-availability-meta .status.in-stock{ background:#27AE60; }
#store-availability-meta .status.not-available{ background:#f8cb60; }
#store-availability-meta .status.unknown{ background:#cfcfcf; }

/* hide plugin default areas if you only want this box */
.single_variation .woocommerce-variation-availability,
.stock-msg,
.slw-variations-listed{ display:none !important; }

@media (max-width:480px){
  #store-availability-meta .my-custom-locations-container{
    gap:6px 10px;
  }
  #store-availability-meta .location-item{
    width:100%;
  }
}