/*=========================================================
KUBRA'S — WISHLIST PAR VARIATION
Ce fichier complète wishlist.css sans le remplacer.
=========================================================*/

.vvv-kubras-wishlist-card__variation,
.vvv-kubras-recommendation-card__variation {
	margin: 10px 0 0;
	color: var(--k-gold, #c9a45f);
	font-family:
		var(
			--vvv-designer-kubraselegance-font-text,
			"Manrope",
			Arial,
			sans-serif
		);
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .08em;
	line-height: 1.6;
	text-transform: uppercase;
}

.vvv-kubras-wishlist-card[data-variation-id]:not([data-variation-id="0"])
.vvv-kubras-wishlist-card__media::after {
	content: "Coloris sélectionné";
	position: absolute;
	right: 14px;
	bottom: 14px;
	z-index: 3;
	padding: 8px 10px;
	border: 1px solid rgba(201, 164, 95, .45);
	background: rgba(8, 6, 4, .76);
	color: #fffaf2;
	font-family:
		var(
			--vvv-designer-kubraselegance-font-text,
			"Manrope",
			Arial,
			sans-serif
		);
	font-size: 7px;
	font-weight: 800;
	letter-spacing: .1em;
	text-transform: uppercase;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

.vvv-kubras-wishlist-toast {
	position: fixed;
	right: 22px;
	bottom: 90px;
	z-index: 2147483645;
	max-width: min(390px, calc(100vw - 32px));
	padding: 17px 20px;
	border: 1px solid rgba(201, 164, 95, .48);
	background: rgba(8, 6, 4, .94);
	color: #fffaf2;
	font-family:
		var(
			--vvv-designer-kubraselegance-font-text,
			"Manrope",
			Arial,
			sans-serif
		);
	font-size: 11px;
	font-weight: 650;
	line-height: 1.65;
	box-shadow:
		0 20px 55px rgba(0, 0, 0, .28),
		0 0 25px rgba(201, 164, 95, .08);
	opacity: 0;
	visibility: hidden;
	transform: translateY(16px);
	pointer-events: none;
	transition:
		opacity .32s ease,
		visibility .32s ease,
		transform .36s ease;
}

.vvv-kubras-wishlist-toast.is-visible {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.vvv-kubras-wishlist-toast.is-error {
	border-color: rgba(180, 90, 72, .55);
}

table.variations.vvv-kubras-variation-required {
	animation:
		vvvKubraVariationRequired .7s
		ease 2;
}

@keyframes vvvKubraVariationRequired {
	0%,
	100% {
		box-shadow: none;
	}

	50% {
		box-shadow:
			0 0 0 4px rgba(201, 164, 95, .13);
	}
}

@media (max-width: 767px) {
	.vvv-kubras-wishlist-toast {
		right: 16px;
		bottom: 76px;
		left: 16px;
		max-width: none;
	}

	.vvv-kubras-wishlist-card[data-variation-id]:not([data-variation-id="0"])
	.vvv-kubras-wishlist-card__media::after {
		right: 10px;
		bottom: 10px;
		font-size: 6px;
	}
}