/*
 * Global elements
 */
 
body.woocommerce #colophon {
	clear: both;
}

/* Buttons */
.woocommerce #content button, .woocommerce #content button:hover,
.woocommerce #content a.button, .woocommerce-cart #content a.button,
.woocommerce-cart #content button, .woocommerce-checkout #content button {
	background-color: var(--tps-accent-color-2);
}

/* WooCommerce breadcrumb */
body.woocommerce .woocommerce-breadcrumb {
	background-color: var(--tps-light-bg-color-2);
	padding: var(--tps-vertical-padding-sm);
}

body.woocommerce .woocommerce-breadcrumb a.button {
	margin-top: 8px;
}

body.woocommerce .woocommerce-breadcrumb span.cart-qty {
	background-color: var(--tps-brand-bg-color-1);
	color: var(--tps-accent-color-1);
	border-radius: 20px;
	margin-left: 5px;
	padding: 0 10px;
}

@media screen and (min-width: 992px) {
	body.woocommerce .woocommerce-breadcrumb {
		display: flex;
		justify-content: space-between;
	}
	
	body.woocommerce .woocommerce-breadcrumb::after, body.woocommerce .woocommerce-breadcrumb::before {
		content: none;
	}
	
	body.woocommerce .woocommerce-breadcrumb a.button {
		margin-top: 0;
	}
}

/* Cart quantity in header -- DO NOT limit to body.woocommerce */
#masthead-desktop-right span.cart-qty {
	background-color: var(--tps-brand-bg-color-1);
	color: var(--tps-accent-color-1);
	border-radius: 20px;
	padding: 10px;
}

/*
 * Product pages
 */

/* Select lists */
body.woocommerce #content select {
	padding-left: 1em;
}

/* Variations area */
body.woocommerce #content table.variations {
	background-color: var(--tps-light-bg-color-2);
	border-color: var(--tps-light-bg-color-2);
	border-width: var(--tps-vertical-padding-sm);
	border-style: solid;
}

/* Product Meta */
body.woocommerce #content .product_meta {
	background-color: var(--tps-light-bg-color-2);
	font-size: .9rem;
	padding: var(--tps-vertical-padding-sm);
}

/*
 * Checkout page
 */
body.woocommerce-checkout #content .wcpay-stripelink-modal-trigger {
	visibility: hidden;
}

body.woocommerce-checkout #content #payment {
	background: var(--tps-brand-bg-color-1-light);
}

body.woocommerce-checkout #content #payment div.payment_box {
	background: var(--tps-brand-bg-color-1);
}

body.woocommerce-checkout #content #payment div.payment_box:before {
	border-bottom-color: var(--tps-brand-bg-color-1);
}