/* AvailabilityWise front-end grouping/status styles */

#js-product-list .availabilitywise-group-heading{
  flex:0 0 100%!important;
  width:100%!important;
  max-width:100%!important;
  margin:14px 2px 10px!important;
  padding:16px 18px!important;
  border:1px solid #e7e7e7;
  border-radius:10px;
  background:#f8f8f8;
  box-sizing:border-box;
}

#js-product-list .availabilitywise-group-heading h2{
  margin:0 0 3px!important;
  padding:0!important;
  color:#111!important;
  font-size:20px!important;
  line-height:1.15!important;
  font-weight:800!important;
  text-transform:none!important;
}

#js-product-list .availabilitywise-group-heading p{
  margin:0!important;
  color:#707070;
  font-size:12px;
  line-height:1.4;
}

#js-product-list .availabilitywise-group-heading--stocked{
  border-left:4px solid #59b62c;
}

#js-product-list .availabilitywise-group-heading--order{
  margin-top:24px!important;
  border-left:4px solid #a6a6a6;
}

.product-miniature .ulma-list-stock.is-temporary-out .ulma-list-stock-dot{
  background:#f59e0b!important;
}
.product-miniature .ulma-list-stock.is-order .ulma-list-stock-dot{
  background:#a6a6a6!important;
}
.product-miniature .ulma-list-stock.is-temporary-out{
  color:#8a5b00!important;
}
.product-miniature .ulma-list-stock.is-order{
  color:#666!important;
}

@media (max-width:767px){
  #js-product-list .availabilitywise-group-heading{
    margin:10px 2px 7px!important;
    padding:11px 12px!important;
    border-radius:8px;
  }
  #js-product-list .availabilitywise-group-heading h2{
    font-size:16px!important;
  }
  #js-product-list .availabilitywise-group-heading p{
    font-size:10.5px;
  }
  #js-product-list .availabilitywise-group-heading--order{
    margin-top:16px!important;
  }
}


/* v1.0.2: force AvailabilityWise state colours over theme stock defaults.
   The ULMA theme's generic out-of-stock rule is more specific and otherwise
   makes both "Tillfälligt slut" and "Beställningsvara" look red. */
#js-product-list .product-miniature .ulma-list-stock.is-temporary-out .ulma-list-stock-dot,
.product-miniature .ulma-list-stock.is-temporary-out .ulma-list-stock-dot{
  background:#f59e0b!important;
}

#js-product-list .product-miniature .ulma-list-stock.is-order .ulma-list-stock-dot,
.product-miniature .ulma-list-stock.is-order .ulma-list-stock-dot{
  background:#a6a6a6!important;
}

#js-product-list .product-miniature .ulma-list-stock.is-temporary-out,
.product-miniature .ulma-list-stock.is-temporary-out{
  color:#8a5b00!important;
}

#js-product-list .product-miniature .ulma-list-stock.is-order,
.product-miniature .ulma-list-stock.is-order{
  color:#666!important;
}