/*
	Description: Custom style for Woocommerce
	Version: 1.0.0
	Author: Modem (@modem_studio)
	Author URI: https://modem.studio
	
*/

:root{
	--purple: #7C3EFF;
	--gold: #f5bcb4;
	--red: #ec221c;
}
/* GENERAL */
.woocommerce-store-notice{
	position: absolute;
	top: 45px;
	left: 0;
	padding: 20px;
	margin: 0;
	width: 100%;
	background-color: var(--gold);
}
input{
	border-top: 0;
	border-right: 0;
	border-left: 0;
	border-bottom: 1px solid lightgray;
	padding: 10px 20px;
	border-radius: 0;
	background-color: transparent;
}
textarea {
	border-top: 0;
	border-right: 0;
	border-left: 0;
	border-bottom: 1px solid lightgray;
	overflow: auto;
	padding: 10px 20px;
	background-color: transparent;
	outline: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
button,
.button{
	border: none;
	border-radius: 50px;
	padding: 10px;
	color: white !important;
	background-color: var(--purple);
	text-decoration: none;
	display: inline-block;
	font-weight: 400;
}
.paypal-button-color-black,
.paypal-button-color-silver{
	background: #7C3EFF !important;
	background-color: #7C3EFF !important;
}
.input-text{
	width: 100%;
}
.woocommerce-notices-wrapper strong,
.woocommerce-error strong{
	color: var(--red);
	font-weight: 400;
}
.woocommerce-notices-wrapper,
.woocommerce-error{
	background-color: var(--gold);
	font-weight: 400;
	font-size: 16px;
}
.woocommerce-notices-wrapper ul li,
.woocommerce-error li{
	list-style: none;
}
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-error,
.woocommerce-info{
	padding: 20px;
	margin: 0;
	list-style: none;
}
.woocommerce-billing-fields h3,
.woocommerce-shipping-fields h3,
h3#order_review_heading,
.woocommerce-notice{
	padding: 20px;
}
/* PRODUCT OVERVIEW */
.products{
	padding: 20px;
	margin: 0;
	padding-right: 0px;
	list-style: none;
}
.products li{
	display: inline-block;
	padding-right: 20px;
	vertical-align: top;
	margin-bottom: 30px;
	width: 100%;
}
.products li a{
	text-decoration: none;
}
.products li h2{
	margin-bottom: 0;
	margin-top: 10px;
}
.woocommerce-pagination ul{
	margin: 0;
	padding: 20px;
	border-top: 1px solid lightgray;
}
.woocommerce-pagination ul li{
	list-style: none;
	display: inline-block;
	margin-right: 20px;
}

/* SINGLE PRODUCT */
.product .columns{
	gap: 20px;
}
.amount{
	color: var(--red);
}
.product .quantity {
  display: none;
}
.product-data{
	margin: 0;
	padding: 0;
	margin-top: 20px;
}
.product-data li:first-child{
	border-top: 1px solid lightgray;
}
.product-data li{
	list-style: none;
	border-bottom: 1px solid lightgray;
	padding: 10px 0;
}


/* CART */
.cart-page .columns a{
	text-decoration: none;
	color: grey;
}
.cart-page .columns{
	border-bottom: 1px solid lightgray;
}
.cart-page .double-column{
	border-right: 1px solid lightgray;
}
.cart-page .single-column{
	border-left: 1px solid lightgray;
	margin-left: -1px;
}
.woocommerce-cart-form table{
	width: 100%;
}
.woocommerce-cart-form th{
	font-weight: normal;
	display: none;
}
.woocommerce-cart-form td{
	padding: 0;
}
.woocommerce-cart-form td.product-remove, 
.woocommerce-cart-form td.product-name, 
.woocommerce-cart-form td.product-price, 
.woocommerce-cart-form td.product-quantity, 
.woocommerce-cart-form td.product-subtotal{
	padding: 10px;
}
.woocommerce-cart-form .product-thumbnail{
	display: none;
}
.woocommerce-cart-form .product-thumbnail img{
	max-width: 150px;
}
/* HIDE ITEM PRICE COLUMN FROM CART TABLE */
.woocommerce table.cart td:nth-of-type(4), .woocommerce table.cart th:nth-of-type(4) {
   display: none;
}
input.input-text.qty.text{
	width: 70px;
	border: none;
}
.woocommerce-cart-form tr.cart_item{
	border-bottom: 1px solid lightgray;
}
.woocommerce-cart-form .actions{
	padding: 20px;
}
.cart-collaterals .shop_table{
	width: 100%;
}
.cart-collaterals .shop_table tr{
	vertical-align: top;
	border-bottom: 1px solid lightgray;
}
.cart-collaterals .shop_table th{
	font-weight: normal;
	text-align: left;
	padding: 10px;
}
.cart-collaterals .shop_table td{
	text-align: right;
	padding: 10px;
}
.shop_table ul{
	margin-top: 0;
	padding: 0;
}
.shop_table ul li{
	list-style: none;
}
.cart-collaterals .shop_table .woocommerce-shipping-destination{
	font-size: 14px;
}
.cart-collaterals .shop_table strong{
	font-weight: 400;
}
.cart-collaterals .wc-proceed-to-checkout{
	padding: 20px;
}
/* CHECKOUT */
.checkout-page .columns{
	border-bottom: 1px solid lightgray;
}
.checkout-page .double-column{
	border-right: 1px solid lightgray;
}
.checkout-page .single-column{
	border-left: 1px solid lightgray;
	margin-left: -1px;
}
a.shipping-calculator-button,
a.showcoupon,
a.button.wc-backward{
	color: var(--red);
}
.coupon .button{
	margin-top: 10px;
	margin-bottom: 20px;
}
.woocommerce-checkout #billing_country_field,
.woocommerce-checkout #billing_state_field,
.woocommerce-checkout #shipping_country_field,
.woocommerce-checkout #shipping_state_field{
	padding: 0px 20px 20px 20px;
	border-bottom: 1px solid lightgrey;
}
.woocommerce-checkout-review-order table,
.woocommerce-terms-and-conditions-wrapper,
.payment_box,
.form-row{
	font-size: 16px;
	width: 100%;
	margin: 10px 0;
}
.shop_table tr{
	border-bottom: 1px solid lightgray;
	vertical-align: top;
}
.woocommerce-cart-form .shop_table tr:last-child{
	border-bottom: none;
}
.shop_table th,
.shop_table td,
.place-order{
	padding: 20px;
}
.shop_table th,
.shop_table strong{
	font-weight: normal;
	text-align: left;
}
.woocommerce-checkout-payment ul{
	margin: 0;
	padding: 0;
}
.woocommerce-checkout-payment ul li{
	list-style: none;
	padding: 20px;
	border-bottom: 1px solid lightgray;
}
.woocommerce-order-overview{
	padding: 20px;
	margin: 0;
}
.woocommerce-order-overview li{
	list-style: none;
}
.woocommerce-checkout-review-order .ppc-button-wrapper{
	margin: 20px;
}
@media only screen and (min-width:320px) {
	
}
@media only screen and (min-width:790px) {
	.products li{
		width: 50%;
	}
	.woocommerce-cart-form .product-thumbnail{
		display: block;
	}
}
@media only screen and (min-width:1024px) {
	.products li{
		width: 33.33%;
	}

}
@media only screen and (min-width:1480px) {
	.products li{
		width: 25%;
	}
}