/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

/* Varsayılan WooCommerce stokta yok rozetlerini gizle */
.outofstock,
.product .outofstock,
.woocommerce .outofstock {
    display: none !important;
}

/* Tema yapısına özel seçici – örneğin .product-image kapsayıcısı */
.woocommerce ul.products li.product .product-image,
.woocommerce ul.products li.product .product-image img {
    position: relative;
    display: block;
}

/* Ribbon bandı */
.woocommerce ul.products li.product .product-image .custom-sold-out-ribbon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    background: rgba(0,0,0,0.6);
    color: #fff;
    font-weight: bold;
    font-size: 1.4em;
    padding: 12px 0;
    z-index: 999;
    pointer-events: none;
}

/* Tekil ürün sayfasında da: görsel kapsayıcısı */
.woocommerce div.product div.images {
    position: relative;
}
.woocommerce div.product div.images .custom-sold-out-ribbon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    background: rgba(0,0,0,0.6);
    color: #fff;
    font-weight: bold;
    font-size: 1.4em;
    padding: 12px 0;
    z-index: 999;
    pointer-events: none;
}