/*
 Theme Name: Panoramic Child Theme
 Theme URI: http://www.outtheboxthemes.com/themes/panoramic/
 Description: A Panoramic child theme 
 Author: Out the Box
 Author URI: http://www.outtheboxthemes.com/
 Template: panoramic
 Version: 1.0.0
*/


/* === WooCommerce Customizations for SOLD Notice === */

/* Hide Panoramic's default out-of-stock elements/red box/overlay on shop images */
.woocommerce ul.products li.product .stock.out-of-stock,
.woocommerce ul.products li.product.outofstock .badge,
.woocommerce ul.products li.product .out-of-stock,
.woocommerce ul.products li.product .sold-out,
.woocommerce ul.products li.product.outofstock::before,
.woocommerce ul.products li.product.outofstock::after,
.woocommerce ul.products li.product .woocommerce-loop-product__link::before,
.woocommerce ul.products li.product .woocommerce-loop-product__link::after {
    display: none !important;
}

/* Style the custom SOLD notice: bold, red, uppercase, centered under the product image/title/price */
.woocommerce ul.products li.product .sold-notice {
    display: block !important;
    color: #ff0000 !important;           /* Bright red text */
    font-weight: bold !important;        /* Bold */
    text-transform: uppercase !important; /* Force UPPERCASE */
    font-size: 14px !important;          /* Size - adjust as needed */
    text-align: center !important;       /* Center under the product */
    margin: 10px auto 0 !important;      /* Space above, auto margins for centering */
    padding: 4px 0 !important;           /* Light padding */
    width: 100% !important;              /* Full width for proper centering */
}

/* Optional: Add a subtle red background/box around SOLD (still under the image, not overlaid) */
.woocommerce ul.products li.product .sold-notice {
    background: rgba(255, 0, 0, 0.1);    /* Light red background */
    border: 1px solid #ff0000;           /* Red border */
    border-radius: 4px;                  /* Rounded corners */
    max-width: 120px;                    /* Limit width for a box look */
}