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

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

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%;
}

/* 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);
}

.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;
}

/** Woo Checkout 2 column changes */
form.checkout.woocommerce-checkout {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto 1fr;
	grid-template-areas:
    "customer order-heading"
    "customer order";
	gap: 20px 40px;
	align-items: start;
}
#customer_details {
	grid-area: customer;
	min-width: 0;
}
#order_review_heading {
	grid-area: order-heading;
	margin: 0;
}
#order_review {
	grid-area: order;
	min-width: 0;
}
form.checkout.woocommerce-checkout::before,
form.checkout.woocommerce-checkout::after {
	display: none;
}
#customer_details.col2-set {
	display: grid !important;
	grid-template-columns: 1fr !important;
	gap: 20px;
}
form.checkout.woocommerce-checkout #customer_details {
	width: 100% !important;
	max-width: none !important;
	display: block !important;
}
form.checkout.woocommerce-checkout #customer_details .col-1,
form.checkout.woocommerce-checkout #customer_details .col-2 {
	float: none !important;
	width: 100% !important;
	max-width: none !important;
	flex: none;
}
.woocommerce-billing-fields,
.woocommerce-billing-fields__field-wrapper,
.woocommerce-shipping-fields,
.woocommerce-additional-fields {
	width: 100%;
	max-width: none;
}
.woocommerce-billing-fields__field-wrapper .form-row-wide,
.woocommerce-shipping-fields__field-wrapper .form-row-wide {
	width: 100%;
}
h3#order_review_heading {
	margin-bottom: 20px;
}
h3#ship-to-different-address > label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox {
	display: inline !important;
}
@media (max-width: 768px) {
	form.checkout.woocommerce-checkout {
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		grid-template-areas:
      "customer"
      "order-heading"
      "order";
		gap: 20px;
	}
	.woocommerce-checkout .form-row-first,
	.woocommerce-checkout .form-row-last {
		float: none;
		width: 100%;
	}
	.woocommerce-checkout-review-order-table th,
	.woocommerce-checkout-review-order-table td {
		padding: 10px 12px;
	}
	#place_order {
		width: 100%;
		float: none;
	}
}