/*
 Theme Name:    Electro Child
 Theme URI:     https://themeforest.net/item/electro-electronics-store-woocommerce-theme/15720624
 Description:   This is the child theme of Electro
 Author:        MadrasThemes
 Author URI:    https://madrasthemes.com/
 Template:      electro
 Version:       3.5.5
 License:       GNU General Public License v2 or later
 License URI:   http://www.gnu.org/licenses/gpl-2.0.html
 Tags:          light, dark, two-columns, right-sidebar, responsive-layout
 Text Domain:   electro-child
*/

/* ------------------------------------------------------------------
   "Out of Stock" hover overlay on product image (shop/category grids)
   ------------------------------------------------------------------ */
li.product.outofstock .product-thumbnail {
    position: relative;
}
li.product.outofstock .product-thumbnail::after {
    content: "Out of Stock";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.55);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    opacity: 0;
    transition: opacity 0.25s ease;
    pointer-events: none;
    z-index: 5;
}
li.product.outofstock:hover .product-thumbnail::after {
    opacity: 1;
}

/* ------------------------------------------------------------------
   "Out of Stock" badge on the single product page image
   (always visible, out-of-stock products only)
   ------------------------------------------------------------------ */
.single-product div.product.outofstock .woocommerce-product-gallery {
    position: relative;
}
.single-product div.product.outofstock .woocommerce-product-gallery::before {
    content: "Out of Stock";
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 10;
    background: #e74c3c;
    color: #fff;
    padding: 5px 14px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 3px;
    pointer-events: none;
}