/**
 * SubliminalMart - Product Artwork
 * File: shop/mobile/mobile-style/components/image.css
 */


/* Product image link */
.woocommerce.post-type-archive-product ul.products li.product a:first-child{
  display:block!important;
  overflow:visible!important;
  margin-bottom:0!important;
}


/* Image container follows the actual image */
.sm-product-image-container{
  position:relative!important;
  width:100%!important;
  height:auto!important;
  margin:0 0 11px!important;
  padding:0!important;
  overflow:visible!important;
  background:transparent!important;
  border-radius:2px!important;
}


/* Normal product artwork */
.sm-product-image-container img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:initial!important;
  border-radius:2px!important;
  background:transparent!important;
}


/* Tall artwork container */
.sm-product-image-container.sm-artwork-tall{
  width:auto!important;
  max-width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
}


/* Tall artwork keeps its original aspect ratio */
.sm-product-image-container.sm-artwork-tall img{
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:185px!important;
  margin:0 auto!important;
}


/* Very tall artwork gets slightly smaller */
.sm-product-image-container.sm-artwork-very-tall img{
  max-height:170px!important;
}


/* Product sale badge */
.woocommerce.post-type-archive-product ul.products li.product .onsale{
  position:absolute!important;
  top:8px!important;
  right:8px!important;
  z-index:5!important;
  padding:4px 7px!important;
  background:#ffbb00!important;
  color:#000!important;
  font-size:9px!important;
  font-weight:800!important;
  line-height:1!important;
  border-radius:4px!important;
}