/** 
 * 
 * 
 * General WooCommerce Styles
 * 
 * */

 .woocommerce-page h1 {
    color: var(--cta);
}

.single-product .sku_wrapper {
    display: none !important;
}

body.full-width-content .entry-content > .alignwide {
    margin-right: 0;
    margin-left: 0;
    max-width: 100%;
}

.woocommerce-page #main {
    max-width: 1400px;
    margin: 0 auto;
	padding: 90px 5% 0px 5%;
}

/* single product page */

button.single_add_to_cart_button {
    height: 100%;
    padding: 15px!important;
    background-color: var(--cta)!important;
    line-height: 1.15!important;
}

.woocommerce div.product {
    display: flex;
    flex-wrap: wrap;
}

.woocommerce div.product div.woocommerce-product-gallery {
    width: calc(40% - 50px);
    margin-right: 100px;
}

.woocommerce div.product div.summary.entry-summary {
    width: calc(60% - 50px);
}

/* Prevent product tabs from overlaying the fixed top bar */
.woocommerce div.product .woocommerce-tabs ul.tabs {
    top: auto !important;
    z-index: 1 !important;
}

@media only screen and (max-width:600px) {
    .woocommerce-page #main {
        max-width: 1400px;
        margin: 0 auto;
        padding: 20px 5% 0px 5%;
    }

    /* For mobile: image first, then text */
    .woocommerce-products-header .term-description img.alignright,
    .woocommerce-products-header .term-description img.alignleft,
    .woocommerce-products-header .term-description img.aligncenter {
        float: none !important;
        display: block;
        width: 100%;
        max-width: 320px;
        height: auto;
        margin: 32px auto 32px auto !important;
    }

    /* Keep breadcrumbs above, left aligned */
    .woocommerce .woocommerce-breadcrumb {
        text-align: left;
    }

    /* Make image and summary stack on mobile */
    .woocommerce div.product {
        flex-direction: column;
    }

    .woocommerce div.product div.woocommerce-product-gallery {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 24px;
        display: flex;
        justify-content: center;
    }

    .woocommerce div.product div.woocommerce-product-gallery img {
        max-width: 100%;
        height: auto;
        margin: 0 auto;
    }

    .woocommerce div.product div.summary.entry-summary {
        width: 100%;
    }

    .woocommerce-product-details__short-description {
        padding-left: 20px;
    }
}

.woocommerce .product_meta {
    display: flex;
    flex-direction: column;
    font-weight: 700;
}

.woocommerce .product_meta > span > span, .woocommerce .product_meta > span > a {
    font-weight: 400;
}

.woocommerce .product_meta > span > a {
    color: var(--cta);
    text-decoration: underline;
}

.woocommerce.woocommerce-list-view .related.products ul.products {
    flex-direction: row;
}

.woocommerce.woocommerce-list-view .related.products ul.products li.product.entry a.woocommerce-loop-product__link {
    flex-direction: column;
}

.woocommerce.woocommerce-list-view .related.products ul.products li.product.entry a.woocommerce-loop-product__link img {
    width: 25%;
}

/* cart page */
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    background-color: var(--cta);
}

body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
    background-color: var(--primary);
}

/* shop/archive page */
.woocommerce.woocommerce-shop ul.products li.product span.price {
    color: var(--cta);
}

/* "list view" styles */
.woocommerce.woocommerce-list-view ul.products li.product.entry a.woocommerce-loop-product__link {
    display: flex!important;
    width: 100%;
    column-gap: 50px;
    border: 1px solid var(--primary);
    align-items: center;
}

.woocommerce.woocommerce-list-view ul.products {
    display: flex;
    flex-direction: column;
}

.woocommerce.woocommerce-list-view ul.products li.product {
    width: 100%;
    margin-bottom: 0;
}

.woocommerce.woocommerce-list-view ul.products li.product a img {
    width: 10%;
    margin: 10px;
/* 	object-fit: contain; */
}

.woocommerce.woocommerce-list-view ul.products li.product a.button {
    display: none;
}

.woocommerce.woocommerce-list-view ul.products li.product.entry a.woocommerce-loop-product__link:hover {
    background-color: #efefef;
}