/* =========================================================
   CART / CHECKOUT PANEL
   ========================================================= */

#MindemezHeader
.mindemez-header__checkout-panel:not([hidden]) {
	position: fixed !important;

	top: 30px !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;

	display: block !important;

	width: 100vw !important;
	height: calc(100dvh - 30px) !important;

	margin: 0 !important;
	padding: 0 !important;

	overflow-x: hidden !important;
	overflow-y: auto !important;

	-webkit-overflow-scrolling: touch !important;

	background: #fff !important;

	z-index: 999998 !important;
}


#MindemezHeader
.mindemez-header__checkout-host {
	width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;
}


/* =========================================================
   CART + CHECKOUT
   ========================================================= */

.mindemez-cart-checkout {
	width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;

	background: #fff !important;

	color: #000 !important;

	font-family:
		Arial,
		Helvetica,
		sans-serif !important;

	font-size: 14px !important;
}


/* =========================================================
   CART
   ========================================================= */

.mindemez-cart-checkout__cart {
	width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;
}


/* =========================================================
   CART COLUMN HEAD
   ========================================================= */

.mindemez-cart-checkout__column-head {
	display: grid !important;

	grid-template-columns:
		minmax(0, 1fr)
		160px
		160px !important;

	align-items: center !important;

	width: 100% !important;

	min-height: 30px !important;

	padding:
		0 10px !important;

	border-bottom:
		1px solid #efefef !important;
}


.mindemez-cart-checkout__column-head
span:nth-child(2) {
	text-align: center !important;
}


.mindemez-cart-checkout__column-head
span:nth-child(3) {
	text-align: right !important;
}


/* =========================================================
   CART ITEM
   ========================================================= */

.mindemez-cart-checkout__item {
	display: grid !important;

	grid-template-columns:
		minmax(0, 1fr)
		160px
		160px !important;

	align-items: center !important;

	width: 100% !important;

	padding:
		12px 10px !important;

	border-bottom:
		1px solid #efefef !important;
}


/* =========================================================
   ITEM MAIN
   ========================================================= */

.mindemez-cart-checkout__item-main {
	display: flex !important;

	align-items: flex-start !important;

	gap: 12px !important;

	min-width: 0 !important;
}


.mindemez-cart-checkout__image-wrap {
	width: 70px !important;

	flex:
		0 0 70px !important;
}


.mindemez-cart-checkout__image {
	display: block !important;

	width: 100% !important;
	height: auto !important;

	margin: 0 !important;
	padding: 0 !important;
}


.mindemez-cart-checkout__item-text {
	min-width: 0 !important;
}


.mindemez-cart-checkout__title {
	margin:
		0 0 5px !important;
}


.mindemez-cart-checkout__variation {
	font-size: 12px !important;

	line-height: 1.4 !important;
}


/* =========================================================
   REMOVE
   ========================================================= */

.mindemez-cart-checkout__remove {
	-webkit-appearance:
		none !important;

	appearance:
		none !important;

	margin:
		8px 0 0 !important;

	padding:
		0 !important;

	border:
		0 !important;

	background:
		transparent !important;

	color:
		#000 !important;

	font-size:
		12px !important;

	text-decoration:
		underline !important;

	cursor:
		pointer !important;
}


/* =========================================================
   QUANTITY
   ========================================================= */

.mindemez-cart-checkout__quantity {
	display:
		flex !important;

	align-items:
		center !important;

	justify-content:
		center !important;

	gap:
		12px !important;
}


.mindemez-cart-checkout__quantity
button {
	-webkit-appearance:
		none !important;

	appearance:
		none !important;

	width:
		22px !important;

	height:
		22px !important;

	margin:
		0 !important;

	padding:
		0 !important;

	border:
		0 !important;

	background:
		transparent !important;

	color:
		#000 !important;

	font-size:
		14px !important;

	cursor:
		pointer !important;
}


/* =========================================================
   LINE TOTAL
   ========================================================= */

.mindemez-cart-checkout__line-total {
	text-align:
		right !important;
}


/* =========================================================
   CART TOTAL
   ========================================================= */

.mindemez-cart-checkout__total {
	display:
		flex !important;

	align-items:
		center !important;

	justify-content:
		space-between !important;

	width:
		100% !important;

	min-height:
		40px !important;

	margin:
		0 !important;

	padding:
		0 10px !important;

	border-bottom:
		1px solid #000 !important;
}


.mindemez-cart-checkout__total
strong {
	font-weight:
		700 !important;
}


/* =========================================================
   EMPTY CART
   ========================================================= */

.mindemez-cart-checkout__empty {
	width:
		100% !important;

	padding:
		30px 10px !important;

	border-bottom:
		1px solid #efefef !important;
}


/* =========================================================
   CHECKOUT AREA
   ========================================================= */

.mindemez-cart-checkout__checkout {
	width:
		100% !important;

	margin:
		0 !important;

	padding:
		30px 10px
		50px !important;
}


/* =========================================================
   REMOVE DEFAULT CHECKOUT HEADING NOISE
   ========================================================= */

.mindemez-cart-checkout
.woocommerce-form-coupon-toggle,

.mindemez-cart-checkout
.woocommerce-form-login-toggle {
	display:
		none !important;
}


/* =========================================================
   CHECKOUT LAYOUT
   ========================================================= */

.mindemez-cart-checkout
form.checkout {
	display:
		grid !important;

	grid-template-columns:
		minmax(0, 1fr)
		minmax(0, 1fr) !important;

	gap:
		40px !important;

	width:
		100% !important;

	margin:
		0 !important;
}


.mindemez-cart-checkout
#customer_details {
	display:
		block !important;

	width:
		100% !important;
}


.mindemez-cart-checkout
#order_review_heading {
	display:
		none !important;
}


.mindemez-cart-checkout
#order_review {
	width:
		100% !important;
}


/* =========================================================
   REMOVE BOOTSTRAP-LIKE WC COLUMNS
   ========================================================= */

.mindemez-cart-checkout
.col2-set,

.mindemez-cart-checkout
.col-1,

.mindemez-cart-checkout
.col-2 {
	float:
		none !important;

	width:
		100% !important;

	margin:
		0 !important;

	padding:
		0 !important;
}


/* =========================================================
   CHECKOUT HEADINGS
   ========================================================= */

.mindemez-cart-checkout
.woocommerce-billing-fields > h3,

.mindemez-cart-checkout
.woocommerce-shipping-fields > h3 {
	margin:
		0 0 20px !important;

	padding:
		0 !important;

	font-size:
		14px !important;

	font-weight:
		400 !important;

	letter-spacing:
		.1rem !important;
}


/* =========================================================
   FIELDS
   ========================================================= */

.mindemez-cart-checkout
.form-row {
	margin:
		0 0 16px !important;

	padding:
		0 !important;
}


.mindemez-cart-checkout
.form-row label {
	display:
		block !important;

	margin:
		0 0 5px !important;

	padding:
		0 !important;

	font-size:
		12px !important;
}


.mindemez-cart-checkout
.input-text,

.mindemez-cart-checkout
select {
	width:
		100% !important;

	min-height:
		36px !important;

	margin:
		0 !important;

	padding:
		7px 8px !important;

	border:
		1px solid #d8d8d8 !important;

	border-radius:
		0 !important;

	outline:
		0 !important;

	box-shadow:
		none !important;

	background:
		#fff !important;

	color:
		#000 !important;

	font-size:
		14px !important;
}


.mindemez-cart-checkout
textarea.input-text {
	min-height:
		90px !important;

	resize:
		vertical !important;
}


/* =========================================================
   ORDER TABLE
   ========================================================= */

.mindemez-cart-checkout
.woocommerce-checkout-review-order-table {
	width:
		100% !important;

	border-collapse:
		collapse !important;

	border:
		0 !important;
}


.mindemez-cart-checkout
.woocommerce-checkout-review-order-table
th,

.mindemez-cart-checkout
.woocommerce-checkout-review-order-table
td {
	padding:
		8px 0 !important;

	border:
		0 !important;

	border-bottom:
		1px solid #efefef !important;

	font-size:
		14px !important;

	text-align:
		left !important;
}


.mindemez-cart-checkout
.woocommerce-checkout-review-order-table
.product-total,

.mindemez-cart-checkout
.woocommerce-checkout-review-order-table
.cart-subtotal td,

.mindemez-cart-checkout
.woocommerce-checkout-review-order-table
.order-total td {
	text-align:
		right !important;
}


/* =========================================================
   PAYMENT
   ========================================================= */

.mindemez-cart-checkout
#payment {
	margin:
		20px 0 0 !important;

	padding:
		0 !important;

	border:
		0 !important;

	border-radius:
		0 !important;

	background:
		#fff !important;
}


.mindemez-cart-checkout
.wc_payment_methods {
	margin:
		0 !important;

	padding:
		0 !important;

	list-style:
		none !important;
}


.mindemez-cart-checkout
.wc_payment_method {
	padding:
		10px 0 !important;

	border-bottom:
		1px solid #efefef !important;
}


/* =========================================================
   PAYMENT BOX
   ========================================================= */

.mindemez-cart-checkout
.payment_box {
	margin:
		10px 0 0 !important;

	padding:
		10px !important;

	border:
		0 !important;

	border-radius:
		0 !important;

	background:
		#f7f7f7 !important;
}


/* =========================================================
   PLACE ORDER
   ========================================================= */

.mindemez-cart-checkout
#place_order {
	-webkit-appearance:
		none !important;

	appearance:
		none !important;

	display:
		flex !important;

	align-items:
		center !important;

	justify-content:
		center !important;

	width:
		100% !important;

	min-height:
		40px !important;

	margin:
		20px 0 0 !important;

	padding:
		0 15px !important;

	border:
		1px solid #000 !important;

	border-radius:
		0 !important;

	background:
		#000 !important;

	color:
		#fff !important;

	font-size:
		14px !important;

	font-weight:
		400 !important;

	cursor:
		pointer !important;
}


/* =========================================================
   UPDATING
   ========================================================= */

#MindemezHeader
.mindemez-header__checkout-host.is-cart-updating {
	pointer-events:
		none !important;

	opacity:
		.5 !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 989px) {

	#MindemezHeader
	.mindemez-header__checkout-panel:not([hidden]) {
		top:
			26px !important;

		height:
			calc(
				100dvh - 26px
			) !important;
	}


	.mindemez-cart-checkout__column-head {
		display:
			none !important;
	}


	.mindemez-cart-checkout__item {
		grid-template-columns:
			minmax(0, 1fr)
			auto !important;

		gap:
			10px !important;

		padding:
			10px !important;
	}


	.mindemez-cart-checkout__item-main {
		grid-column:
			1 / 2 !important;
	}


	.mindemez-cart-checkout__quantity {
		grid-column:
			2 / 3 !important;

		align-self:
			start !important;
	}


	.mindemez-cart-checkout__line-total {
		grid-column:
			1 / -1 !important;

		text-align:
			right !important;
	}


	.mindemez-cart-checkout__image-wrap {
		width:
			56px !important;

		flex:
			0 0 56px !important;
	}


	.mindemez-cart-checkout__checkout {
		padding:
			24px 10px
			40px !important;
	}


	.mindemez-cart-checkout
	form.checkout {
		display:
			block !important;
	}


	.mindemez-cart-checkout
	#customer_details {
		margin-bottom:
			30px !important;
	}

}