#cart-table button {
	margin: 12pt 0 12pt;
	padding: 12pt;
	width: 40%;
	border: none;
	border-radius: 4pt;
	cursor: pointer;
	outline: none !important;
	transition-property: background;
	transition-duration: 0.2s;
}

#cart-table .primary {
	margin: 12pt 0 12pt;
	padding: 12pt;
	border: none;
	color: white;
	cursor: pointer;
	background: var(--button-background);
	outline: none !important;
	transition-property: *;
	transition-duration: 0.1s;
	user-select: none;
	border-radius: 4pt;
}

#cart-table .primary:active {
	background: var(--primary-dark);
}
#cart-table .secondary {
	font-weight: 400;
	background: var(--secondary);
	color: var(--font-color);
}

#cart-table .secondary:hover {
	background: var(--secondary-dark);
}

#cart-table .quantity {
	display: flex;
	min-width: 48pt;
	justify-content: center;
}

#cart-table .adjust-quantity-btn {
	width: 32pt;
	cursor: pointer;
	margin: 0;
	height: 32pt;
	display: flex;
	position: relative;
	background: var(--secondary);
	align-items: center;
	justify-content: center;
	color: var(--font-color);
}

@media(hover: hover) {
	#cart-table .adjust-quantity-btn:hover {
		background: var(--button-background);
		color: var(--primary-font-color);
	}
	#cart-table .primary:hover {
		background: var(--button-hover);
	}
}
#cart-table .adjust-quantity-btn:active {
	background: var(--button-background);
	color: var(--primary-font-color);
}
#cart-table .pushable {
	top: 0;
	position: relative;
}

#cart-table .pushable:active {
	top: 2pt;
}

.cart-item {
	width: 100%;
	padding: 16pt;
}

.cart-container {
	width: 100%;
	box-shadow: 1pt 2pt 8pt rgba(55, 71, 79, 0.15);
	border-radius: 2pt;
	background-color: var(--cart-item-background);
}

.cart-item-sidebar {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.cart-item-content-wrapper {
	display: flex;
	align-items: flex-start;
	width: 60%;
}

#cart-table:lang(ar) .cart-item {
	line-height: 1.75;  /* tweak spacing of Arabic lines */
}

.cart-item {
	display: flex;
}
.cart-item .cart-item-tip{
	font-size: 0.9rem;
}
.cart-item img {
	max-height: 96pt;
	max-width: 100%;
	width: auto;
	height: auto;
	display: block;
}
.cart-item.round img{
	border-radius: var(--card-round);
}
.cart-item.sharp img{
	border-radius: var(--card-sharp);
}

.cart-item .promotion-tags {
	float: right;
	margin-left: 6pt;
}

.cart-item .promotion-tags:lang(ar) {
	float: left;
	margin-right: 6pt;
}

@media (min-width: 768px) {
	.cart-item .cart-item-content {
		margin: 0 14pt 0;
	}

	.cart-item-sidebar {
		width: 40%;
	}
}

@media (max-width: 767px) {
	.cart-item {
		flex-direction: column;
	}
	.cart-item img {
		display: block;
		max-height: 70pt !important;
	}
	.cart-item img:lang(en) {
		margin-right: 10pt;
	}
	.cart-item img:lang(ar) {
		margin-left: 10pt;
	}
	.product-title {
		margin-top: 12pt;
	}
	.cart-item-sidebar {
		flex-direction: row !important;
	}
	.cart-item-content-wrapper {
		width: 100%;
		margin-bottom: 12pt;
	}
}

.product-title, .product-title > * {
	color: var(--gray-dark);
	font-size: 1.25rem;
}

.product-title:hover {
	color: var(--gray-dark);
}

.price {
	color: var(--gray-dark);
	font-weight: 500;
	white-space: nowrap;
}

#cart-table .subtle {
	color: #78909c;  /* Blue Gray 400 */
}

#cart-table .cart-item.focused {
	border: solid 1pt #7c4dff55;
	padding: 24pt;
	box-shadow: 1pt 2pt 8pt #7c4dff55;
	flex-direction: column;
}

.whatsapp-float {
	right: 36px!important;
	bottom: 36px!important;
}

@media (max-width: 576px) {
	.whatsapp-float {
		bottom: 80px!important;
		right: 36px!important;
	}
}

.cart-item-sidebar .product-price.red{
	color: var(--red);
}

.cart-item-sidebar .discount{
	color: var(--red);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.cart-item-sidebar .old-price{
	font-size: 13pt;
	color: var(--gray-light);
	text-decoration: line-through;
}

.cart-item-sidebar .old-price:lang(en){
	margin-right: 5px;
}

.cart-item-sidebar .old-price:lang(ar){
	margin-left: 5px;
}