/*
Theme Name: Storefront Child
Theme URI: http://https://gjkeramik.dk/
Description: Child theme for Storefront
Author: GJKeramik
Author URI: http://https://gjkeramik.dk/
Template: storefront
Version: 1.0.0
*/

/* Udsolgt-badge på butik, kategori og søgesiderne */
.archive .product.outofstock .woocommerce-LoopProduct-link::before,
.woocommerce-page .products .product.outofstock .woocommerce-LoopProduct-link::before {
  content: "Solgt";
  position: absolute;
  top: 10px;
  left: 10px;
  background: rgba(0,0,0,0.7);
  color: #fff;
  padding: 5px 10px;
  font-size: 14px;
  z-index: 10;
  border-radius: 3px;
}

/* Udsolgt-badge på selve produktsiden (kun hovedproduktet) */
.single-product .product.outofstock > .woocommerce-product-gallery::before {
  content: "Solgt";
  position: absolute;
  top: 15px;
  left: 15px;
  background: rgba(0,0,0,0.7);
  color: #fff;
  padding: 8px 12px;
  font-size: 16px;
  z-index: 20;
  border-radius: 3px;
}