/*
	Theme Name: Cocoon
    Theme URI: http://themeforest.net/user/gnodesign/portfolio/
    Description: Cocoon is a Modern Multi Purpose WooCommerce WordPress Theme.
    Author: Gnodesign
	Author URI: http://themeforest.net/user/gnodesign/
    Version: 1.4.2.2
	License: ThemeForest
    License URI: http://themeforest.net/licenses
    Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, sticky-post, threaded-comments, translation-ready
    Text Domain: cocoon
    Domain Path: /lang/
*/

/* LGW: normalize product card image boxes on WooCommerce listings. */
.woocommerce .products.cocoon-products .product .product-thumb,
.woocommerce .products .product .product-thumb {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: #f7f8f8;
}

.woocommerce .products.cocoon-products .product .product-thumb > a.loop-thumbnail,
.woocommerce .products .product .product-thumb > a.loop-thumbnail {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.woocommerce .products.cocoon-products .product .product-thumb img,
.woocommerce .products .product .product-thumb img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover;
    object-position: center top;
}

/* LGW: normalize WooCommerce product widgets/sidebar product lists. */
.woocommerce ul.product_list_widget li > a {
    display: block;
}

.woocommerce ul.product_list_widget li > a > img {
    float: none !important;
    display: block;
    width: 96px !important;
    height: 96px !important;
    max-width: 96px !important;
    margin: 0 auto 12px !important;
    object-fit: cover;
    object-position: center top;
    background: #f7f8f8;
}

.woocommerce ul.product_list_widget li .product-title {
    display: block;
    clear: both;
}

/* LGW: keep WooCommerce listing grids at two columns on mobile. */
@media (max-width: 767px) {
    body.home .woocommerce .products.cocoon-products.grid-products:not(.owl-carousel) {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        column-gap: 10px;
        row-gap: 24px;
    }

    body.home .woocommerce .products.cocoon-products.grid-products:not(.owl-carousel) > .product {
        width: auto !important;
        max-width: none !important;
        min-width: 0;
        margin: 0 !important;
        flex: none !important;
    }

    body.home .vc_row.vc_inner > .wpb_column.vc_column_container.vc_col-sm-4:has(> .vc_column-inner > .wpb_wrapper > .woocommerce > .products.cocoon-products > .product:only-child) {
        float: left !important;
        width: 50% !important;
    }

    body.home .vc_row.vc_inner > .wpb_column.vc_column_container.vc_col-sm-4:has(> .vc_column-inner > .wpb_wrapper > .woocommerce > .products.cocoon-products > .product:only-child) > .vc_column-inner {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    body.home .vc_row.vc_inner > .wpb_column.vc_column_container.vc_col-sm-4 > .vc_column-inner > .wpb_wrapper > .woocommerce > .products.cocoon-products:has(> .product:only-child) {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.home .vc_row.vc_inner > .wpb_column.vc_column_container.vc_col-sm-4 > .vc_column-inner > .wpb_wrapper > .woocommerce > .products.cocoon-products > .product:only-child {
        grid-column: 1 / -1 !important;
    }

    body.home .woocommerce .products.cocoon-products > .product .product-title,
    body.home .woocommerce .products.cocoon-products > .product .woocommerce-loop-product__title,
    body.home .woocommerce .products.cocoon-products > .product .product-info .price {
        font-size: 13px !important;
    }

    body.home .woocommerce .products.cocoon-products > .product .product-btns-group {
        right: 4px !important;
        top: 4px !important;
    }
}