/*
Theme Name: BonVulux
Theme URI: https://bonvulux.com
Author: Michael from BonVulux
Author URI: https://bonvulux.com
Description: A child theme for the BonVulux Theme.
Version: 1.0.0
Template: kadence
Text Domain: bonvulux-child
*/

/* -------------------------------------------------------------- */
/* ----------------------------------------------------
 *          All WooCommerce Badges
 * ---------------------------------------------------- */
.woocommerce span.onsale,
.woocommerce ul.products li.product .onsale,
.woocommerce-loop-product__badge,
.wc-block-grid__product-onsale,
.wc-block-components-product-sale-badge,
.wc-block-components-product-badge,
span.out-of-stock,
.outofstock .onsale,
.product-badge,
.badge {
    background-color: transparent !important;
    background: transparent !important;
    border: 1px solid #1e1d24 !important;
    color: #1e1d24 !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 12px !important; /* Adjust pixel size as needed */
    font-weight: 400 !important;
    line-height: 1.2 !important;
    text-shadow: none !important;
}

/* ----------------------------------------------------
 *   WooCommerce Product Image Height
 * ---------------------------------------------------- */
/* --- 2. Limit Shop Grid & Block Images to 320px --- */
.woocommerce ul.products li.product img,
.woocommerce-loop-product__thumbnail img,
.wc-block-components-product-image__inner-container,
.wc-block-components-product-image__inner-container img {
    max-height: 320px !important;
    height: 320px !important;
    width: 100% !important;
    object-fit: cover !important;
    margin-left: auto;
    margin-right: auto;
}

/* --- 3. Limit Single Product Page Main Image Height --- */
.woocommerce div.product div.images img,
.woocommerce-product-gallery__wrapper img {
    max-height: 450px !important;
    width: auto !important;
    object-fit: contain !important;
    margin-left: auto;
    margin-right: auto;
}