HEX
Server: Apache/2.4.68 (Debian)
System: Linux as-cs-widget-demo-us-central1 6.1.0-44-cloud-amd64 #1 SMP PREEMPT_DYNAMIC Debian 6.1.164-1 (2026-03-09) x86_64
User: root (0)
PHP: 8.2.32
Disabled: NONE
Upload Files
File: /var/www/kevin-demo/wp-content/themes/fitmencook/sass/files/mini-cart.scss
.woo-mini-cart__content {
    visibility: hidden;
    height: 0;
    opacity: 0;
    transition: opacity .4s easy;
		width: 350px;
		position: absolute;
		background-color: #fff;
		background-color: var(--color-2);
		right: 0;
}

.woo-mini-cart:hover .woo-mini-cart__content {
    visibility: visible;
    height: auto;
    opacity: 1;
		box-shadow: 0px 20px 40px rgba(52, 64, 84, 0.08);
		border-radius: 16px;
		padding: 16px;
		.woocommerce-mini-cart__buttons {
			display: flex;
			margin-top: var(--spacing-3);
		}
		a.wc-forward {
			color: #fff;
			width: 48%;
			text-align: center;
			padding: 8px;
			&:not(.checkout) {
				margin-right: 4%;
				&:hover {
					text-decoration: underline;
				}
			}
			&.checkout {
				background-color: var(--color-1);
				color: var(--color-2);
				border-radius: 8px;
				transition: var(--site-transition);
				&:hover {
					background-color: var(--color-3);
    			color: #fff;
				}
			}
		}
}

.woo-mini-cart {
    position: relative;
    cursor: pointer;
    z-index: 5;
}

.woocommerce-mini-cart {
	list-style: none;
	padding: 0;
}

.woocommerce-mini-cart-item {
	display: flex;
	justify-content: flex-center;
	align-items: center;
	margin-bottom: 8px;
	background-color: rgba(255,255,255, .05);
	padding: 4px 8px;
	.attachment-woocommerce_thumbnail {
		height: 48px;
		width: auto;
		object-fit: contain;
		margin-inline: 8px;
		border-radius: 4px;
	}
	a {
		font-size: 13px;
		color: #fff;
		display: flex;
		align-items: center;

	}
	.quantity {
		color: #fff;
		width: 80px;
		font-size: 14px;
		flex-shrink: 0;
		* {
			color: #fff;
		}
		.woocommerce-Price-amount {
			margin-left: 4px;
		}
	}
}

.woocommerce-mini-cart__total {
	text-align: right;
	font-size: 16px;
	* {
		color: #fff;
	}
}


.loader {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 25px;
  padding: 8px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #ff885c;
  --_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;
  -webkit-mask: var(--_m);
  mask: var(--_m);
  -webkit-mask-composite: source-out;
  mask-composite: subtract;
  animation: l3 1s infinite linear;
}
@keyframes l3 {
  to {
    transform: rotate(1turn);
  }
}

.fmc_ingredients {
	li {
		display: flex;
		flex-wrap: wrap;
	}
	ul {
		width: 100%;
	}
	a:only-child {
	}
}

.ingredient-add-to-cart {
	font-size: 0;
	border-radius: 8px;
	margin-left: 8px;
	background-size: 16px;
	cursor: pointer;
	transition: var(--site-transition);
	display: flex;
	align-items: center;
	justify-content: center;
	&::before {
		content: "";
		background-image: url(assets/icons/cart.svg);
		background-position: center;
		background-repeat: no-repeat;
		display: inline-flex;
		width: 22px;
		height: 22px;
	}
	&:hover {
		font-size: 14px;
/* 		background-color: var(--color-2); */
/* 		&::after {
			background-image: url(assets/icons/cart-white.svg);
		} */
	}
}

.woocommerce-mini-cart__empty-message {
	color: #fff;
	padding: 10px;
	text-align: center;
}

.ingredient-add-to-cart-view-cart {
	font-size: 12px;
	background-color: var(--color-1);
	color: #151921;
	padding: 3px 10px;
	text-decoration: none;
	border-radius: 8px;
	margin-left: 8px;
}