/* Woocommerce */

/* Added to cart notice */
.single-product-message {
	display: flex;
	justify-content: space-between;
	font: 400 19px/28px var(--global--font-family--primary);
	padding: 20px;
	background: var(--global--color--success-light);
	border: 1px solid var(--global--color--success);
	margin-bottom: 40px;
}

@media (max-width: 767px) {
	.single-product-message {
		flex-flow: column;
		gap: 8px;
		padding: 12px 20px;
		align-items: center;
		margin-bottom: 0;
	}
}

.single-product-message span {
	padding-left: 40px;
	background: url(./assets/icons/check-mark-rectangle.svg) left center / 24px 24px no-repeat;
	display: flex;
	align-items: center;
}

@media (max-width: 767px) {
	.single-product-message span {
		font-size: 1rem;
		line-height: 1.5rem;
		padding-left: 32px;
	}
}

.single-product-message .link.link--arrow {
	font-size: 1.125rem;
	line-height: 1.75rem;
}

@media (max-width: 767px) {
	.single-product-message .link.link--arrow {
		font-size: 1rem;
		line-height: 1.5rem;
	}
}

/* SKU */
.product-sku {
	font: 500 1.5rem/2rem var(--global--font-family--primary);
}

@media (max-width: 767px) { 
	.product-sku {
		font-size: 1rem;
		line-height: 1.5rem;
		font-weight: 400;
	}
}

/* Price */
.woocommerce-Price-amount.amount {
	font: 500 36px/48px var(--global--font-family--primary);
	color: var(--global--color--text);
}

@media (max-width: 767px) {
	.woocommerce-Price-amount.amount {
		font-size: 18px;
		line-height: 28px;
		font-weight: 500;
	}
}

/* Product Variations */
table[class="variations"] {
	display: none;
}

.product-variations {
	display: flex;
	gap: 20px;
	align-items: center;
	font: 500 1.5rem/2rem var(--global--font-family--primary);
}

@media (max-width: 767px) {
	.product-variations {
		font-size: 16px;
		line-height: 24px;
	}
}

.product-variations-container {
	display: flex;
	flex-flow: row;
	gap: 8px;
}

.product-variation-size,
a.product-variation-size {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	color: var(--global--color--dark-gray);
	font: 500 1.5rem/2rem var(--global--font-family--primary);
}

@media (max-width: 767px) {
	.product-variation-size,
	a.product-variation-size {
		width: 32px;
		height: 32px;
		font-size: 18px;
		line-height: 28px;
		font-weight: 500;
	}
}

.product-variation-size.active {
	background: var(--global--color--text);
	color: var(--global--color--white);
}

/* Product Quantity */
.woocommerce div.product form.cart div.quantity {
	display: flex;
	flex-flow: row;
	background: var(--global--color--white);
	border: 1px solid var(--global--color--gray);
	align-items: center;
	gap: 12px;
	padding: 8px 4px;
	margin: 0;
}

@media (max-width: 767px) {
	.woocommerce div.product form.cart div.quantity {
		background: transparent;
	}
}

.quantity .input-text.qty.text {
	padding: 0;
	border: none;
	width: 20px;
	background: transparent;
}

.quantity .input-text.qty.text::-webkit-outer-spin-button,
.quantity .input-text.qty.text::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.qty-increment,
.qty-decrement {
	display: flex;
	width: 24px;
	height: 24px;
	background: url(./assets/icons/Plus.svg) center center / 24px 24px no-repeat;
}

.qty-decrement {
	background-image: url(./assets/icons/Minus.svg);
}

/* Add to cart button */
.single_add_to_cart_button.button {
	padding: 17.5px 85px !important;
	background: var(--global--color--black) !important;
	border-radius: 0 !important;
	color: var(--global--color--white) ;
	font: 400 1.125rem/1.75rem var(--global--font-family--primary);
	margin-left: 40px !important;
}

@media (max-width: 767px) {
	.single_add_to_cart_button.button {
		margin-left: 16px !important;
		width: 100%;
    	padding: 17.5px !important;
	}
}

@media (max-width: 767px) {
	.product-block-mobile-background-gray {
		background: var(--global--color--light-gray);
	}
}

/* Cart */
.woocommerce .woocommerce-cart-form .e-shop-table {
	border: 0px;
}

.woocommerce .woocommerce-cart-form .shop_table thead tr th {
	padding: 22px 0;
	background: var(--global--color--light-gray) !important;
	font-size: 18px;
	line-height: 28px;
	color: var(--global--color--dark-gray);
	font-family: var(--global--font-family--primary);
}

.woocommerce .e-cart-totals {
	width: 400px;
	margin-left: auto !important;
}

@media (max-width: 767px) {
	.woocommerce .e-cart-totals {
		width: 100%;
		margin-left: 0;
	}
}

.woocommerce .e-cart-totals .cart-collaterals .cart_totals .shop_table .cart-subtotal,
.woocommerce .e-cart-totals .cart-collaterals .cart_totals .shop_table .woocommerce-shipping-totals {
	display: none;
}

.woocommerce .woocommerce-cart-form .e-shop-table .shop_table .woocommerce-cart-form__cart-item td:first-child {
	border: 1px solid var(--global--color--gray);
	border-right: 0px;
}
@media (max-width: 767px) {
	.woocommerce .woocommerce-cart-form .e-shop-table .shop_table .woocommerce-cart-form__cart-item {
		padding: 0 16px;
	}
	
	.woocommerce .woocommerce-cart-form .e-shop-table .shop_table .woocommerce-cart-form__cart-item td:first-child {
		border: 1px solid var(--global--color--gray);
		border-bottom: 0px;
	}
}

.woocommerce .woocommerce-cart-form .e-shop-table .shop_table .woocommerce-cart-form__cart-item td:last-child {
	border: 1px solid var(--global--color--gray);
	border-left: 0px;
}

@media (max-width: 767px) {
	.woocommerce .woocommerce-cart-form .e-shop-table .shop_table .woocommerce-cart-form__cart-item td:last-child {
		border: 1px solid var(--global--color--gray);
		border-top: 0px;
	}
}

.woocommerce .woocommerce-cart-form .e-shop-table .shop_table .woocommerce-cart-form__cart-item td {
	border: 1px solid var(--global--color--gray);
	border-left: 0;
	border-right: 0;
}

@media (max-width: 767px) {
	.woocommerce .woocommerce-cart-form .e-shop-table .shop_table .woocommerce-cart-form__cart-item td {
		border: 1px solid var(--global--color--gray);
		border-top: 0;
		border-bottom: 0;
	}
}

.woocommerce .woocommerce-cart-form .e-shop-table .shop_table .order-total td:last-child {
	display: flex;
	align-items: center;
}

.woocommerce .e-cart-totals .cart-collaterals .cart_totals .shop_table .order-total td:last-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.woocommerce .e-cart-totals .cart-collaterals .cart_totals .shop_table .order-total td:last-child::before {
	font-size: 24px;
    line-height: 32px;
}

@media (max-width: 767px) {
	.woocommerce .e-cart-totals .cart-collaterals .cart_totals .shop_table .order-total td:last-child::before {
		font-size: 18px;
		line-height: 32px;
	}
}

.woocommerce .woocommerce-cart-form .e-shop-table .shop_table .product-quantity .quantity input[type="number"] {
	width: 50px;
}

.woocommerce .woocommerce-cart-form .e-shop-table .shop_table .product-quantity .quantity {
	display: flex;
	flex-flow: row;
	justify-content: space-between;
}

.woocommerce .woocommerce-cart-form .e-shop-table .shop_table .product-name a {
	font-size: 24px;
	line-height: 32px;
	font-family: var(--global--font-family--primary);
}

@media (max-width: 767px) {
	.woocommerce .woocommerce-cart-form .e-shop-table .shop_table .product-name a {
		font-size: 16px;
		line-height: 24px;
		font-weight: 500;
	}
	
	.woocommerce .woocommerce-cart-form .e-shop-table .shop_table .product-name {
		padding: 0 16px 12px;
	}
	.woocommerce .woocommerce-cart-form .e-shop-table .shop_table td {
		display: flex;
		align-items: center;
		padding: 0 16px 12px;
		gap: 16px;
	}
	.woocommerce .woocommerce-cart-form .e-shop-table .shop_table td::before {
		font: 500 14px/20px var(--global--font-family--primary);
		color: var(--global--color--dark-gray);
		width: 145px;
		text-align: left;
	}
}

.woocommerce .woocommerce-cart-form .e-shop-table .shop_table .product-thumbnail img {
	width: 132px;
}

@media (max-width: 767px) {
	.woocommerce .woocommerce-cart-form .e-shop-table .shop_table .product-thumbnail {
		padding-top: 0;
		padding-bottom: 12px;
	}
	
	.woocommerce .woocommerce-cart-form .e-shop-table .shop_table .product-thumbnail,
	.woocommerce .woocommerce-cart-form .e-shop-table .shop_table .product-thumbnail a,
	.woocommerce .woocommerce-cart-form .e-shop-table .shop_table .product-thumbnail img {
		display: flex;
		width: 100%;
		height: auto;
	}
	
	.woocommerce .woocommerce-cart-form .e-shop-table .shop_table .product-thumbnail img {
		width: 132px;
		height: 132px;
		margin: 0 auto;
	}
	
	.woocommerce .woocommerce-cart-form .e-shop-table .shop_table .product-thumbnail::before {
		display: none;
	}
	
}

.woocommerce .woocommerce-cart-form .e-shop-table .shop_table .product-remove {
	padding: 22px 32px;
}

@media (max-width: 767px) {
	.woocommerce .woocommerce-cart-form .e-shop-table .shop_table .product-remove {
		display: flex;
		justify-content: flex-end;
		padding: 16px 16px 12px 16px;
	}
}

.woocommerce .e-cart-totals .cart-collaterals .cart_totals .shop_table .order-total .woocommerce-Price-amount.amount{
	font-size: 36px;
    line-height: 48px;
}

@media (max-width: 767px) {
	.woocommerce .e-cart-totals .cart-collaterals .cart_totals .shop_table .order-total .woocommerce-Price-amount.amount {
		font-size: 24px;
		line-height: 32px;
	}
	
	.wocoommerce .e-cart-totals.e-cart-section .cart-collaterals {
		padding: 18px 16px !important;
	}
}

#billing_company_field,
#billing_country_field {
	display: none;
}

/* Thank You Page */
.thank-you-title h2 {
	display: flex;
	flex-flow: row;
	gap: 20px;
}

.thank-you-title h2::before {
	content: "";
	display: flex;
	width: 56px;
	height: 56px;
	background: url(./assets/icons/check-mark-rectangle.svg) center center / 56px 56px no-repeat;
}

@media (max-width: 767px) {
	.thank-you-title h2::before {
		top: 0px;
		width: 32px;
		height: 32px;
		background-size: 32px 32px;
		flex: 0 0 auto;
	}
}

.order-info {
	
}

.order-info__list {
	display: flex;
	flex-flow: column;
	list-style: none;
	gap: 16px;
	padding: 0;
}

.order-info__item {
	display: flex;
	flex-flow: column;
	gap: 4px;
}

.order-info__item:first-child {
	gap: 8px;
	margin-bottom: 4px;
}

.order-info__item:first-child .order-list-item-label {
	color: var(--global--color-text);
	font: 500 18px/28px var(--global--font-family--primary);
}

.order-info__item:first-child .order-list-item-value {
	font: 500 16px/24px var(--global--font-family--primary);
	color: var(--global--color--dark-gray);
}

.order-list-item-label {
	font: 500 16px/24px var(--global--font-family--primary);
	color: var(--global--color--dark-gray);
}

.order-list-item-value {
	font: 500 18px/28px var(--global--font-family--primary);
	color: var(--global--color-text);
}

.order-products {
	display: flex;
	flex-flow: column;
	gap: 24px;
}

.order-product {
	display: flex;
	flex-flow: row;
	gap: 37px;
	align-items: center;
}

@media (max-width: 767px) {
	.order-product {
		flex-flow: column;
		gap: 8px;
	}
}

.order-product__thumbnail img {
	width: 124px;
	height: auto;
}

.order-product__price,
.order-product__title {
	display: flex;
	font: 400 19px/28px var(--global--font-family--primary);
	flex: 1 1 auto;
	margin: 0;
}

.order-product__subtotal {
	font: 500 24px/32px var(--global--font-family--primary);
	flex: 1 1 auto;
}

.order-totals {
}
	
.order-totals-list {
	display: flex;
	flex-flow: column;
	gap: 8px;
	padding: 0;
}

.order-totals-list__item {
	display: flex;
	flex-flow: row;
	justify-content: space-between;
}

@media (max-width: 767px) {
	.order-totals-list__item {
		flex-flow: column;
	}
}

.order-totals-list__item-label {
	font: 500 16px/24px var(--global--font-family--primary);
	color: var(--global--color--dark-gray);
}

.order-totals-list__item-value {
	font: 500 16px/24px var(--global--font-family--primary);
	color: var(--global--color--text);
}

.order-totals-list__item:last-child .order-totals-list__item-value {
	font: 500 24px/32px var(--global--font-family--primary);
}
