/**
 * Elite Bio-Tek Bundle Purple presentation.
 *
 * The original theme vial remains the source artwork. JavaScript creates two
 * exact copies behind it, so names, measures, powder/liquid state and responsive
 * sizing stay in sync with the live product.
 */

/* Clinical purple cap, label rule and measure. */
.elite-vial--purple .elite-vial__cap,
.elite-vial-tone-purple .elite-vial__cap,
.elite-featured-vial-tone-purple .elite-stage__product .elite-vial__cap {
	background: linear-gradient(
		90deg,
		#29143b 0%,
		#55306f 18%,
		#9b5dc5 43%,
		#b777dc 50%,
		#744296 66%,
		#321846 100%
	) !important;
}

.elite-vial--purple .elite-vial__label,
.elite-vial-tone-purple .elite-vial__label,
.elite-featured-vial-tone-purple .elite-stage__product .elite-vial__label {
	border-color: #9858bf !important;
}

.elite-vial--purple .elite-vial__label b,
.elite-vial-tone-purple .elite-vial__label b,
.elite-featured-vial-tone-purple .elite-stage__product .elite-vial__label b {
	color: #7c419f !important;
}

/* Three-vial composition. Each vial is centred from its own native dimensions,
 * then the rear pair is offset. Explicit transform resets prevent the theme's
 * compact-view scaling from being applied twice. */
.elite-vial-media--bundle,
.elite-featured-vial-tone-purple .elite-stage__product {
	position: relative !important;
}

.elite-vial-media--bundle > .elite-bundle-vial--centre,
.elite-featured-vial-tone-purple .elite-stage__product > .elite-bundle-vial--centre {
	position: absolute !important;
	inset: 0 !important;
	margin: auto !important;
	z-index: 3 !important;
	transform: none !important;
	translate: 0 0;
	scale: .86;
	transform-origin: center center !important;
}

.elite-vial-media--bundle > .elite-bundle-vial--left,
.elite-vial-media--bundle > .elite-bundle-vial--right,
.elite-featured-vial-tone-purple .elite-stage__product > .elite-bundle-vial--left,
.elite-featured-vial-tone-purple .elite-stage__product > .elite-bundle-vial--right {
	position: absolute !important;
	inset: 0 !important;
	margin: auto !important;
	z-index: 2 !important;
	transform: none !important;
	scale: .70;
	transform-origin: center center !important;
	filter: saturate(.92) brightness(.98);
}

.elite-vial-media--bundle > .elite-bundle-vial--left,
.elite-featured-vial-tone-purple .elite-stage__product > .elite-bundle-vial--left {
	translate: -52% 2%;
}

.elite-vial-media--bundle > .elite-bundle-vial--right,
.elite-featured-vial-tone-purple .elite-stage__product > .elite-bundle-vial--right {
	translate: 52% 2%;
}

/* Keep the tighter three-vial graphic inside compact cart/recommendation tiles. */
.elite-vial-media--compact.elite-vial-media--bundle > .elite-bundle-vial--centre {
	scale: .62;
}

.elite-vial-media--compact.elite-vial-media--bundle > .elite-bundle-vial--left,
.elite-vial-media--compact.elite-vial-media--bundle > .elite-bundle-vial--right {
	scale: .49;
}

.elite-vial-media--compact.elite-vial-media--bundle > .elite-bundle-vial--left {
	translate: -48% 2%;
}

.elite-vial-media--compact.elite-vial-media--bundle > .elite-bundle-vial--right {
	translate: 48% 2%;
}

/* Visible Bundle tag; sits opposite the existing top-right Sale badge. */
.elite-bundle-product .elite-product-card__visual,
.elite-bundle-product .wc-block-grid__product-image,
.elite-bundle-product .wc-block-components-product-image {
	position: relative !important;
}

.elite-bundle-product .elite-product-card__visual::after,
.elite-bundle-product .wc-block-grid__product-image::after,
.elite-bundle-product .wc-block-components-product-image::after {
	content: "BUNDLE";
	position: absolute;
	top: 26px;
	left: 26px;
	z-index: 8;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 72px;
	height: 34px;
	padding: 0 15px;
	box-sizing: border-box;
	border: 1px solid rgba(255, 255, 255, .36);
	border-radius: 999px;
	background: #6f3e91;
	color: #fff;
	box-shadow: 0 8px 22px rgba(54, 27, 74, .22);
	font-size: 9px;
	font-weight: 900;
	line-height: 1;
	letter-spacing: .12em;
	text-transform: uppercase;
	pointer-events: none;
}

@media (max-width: 760px) {
	.elite-vial-media--bundle > .elite-bundle-vial--centre {
		scale: .80;
	}

	.elite-vial-media--bundle > .elite-bundle-vial--left,
	.elite-vial-media--bundle > .elite-bundle-vial--right {
		scale: .64;
	}

	.elite-vial-media--bundle > .elite-bundle-vial--left {
		translate: -48% 2%;
	}

	.elite-vial-media--bundle > .elite-bundle-vial--right {
		translate: 48% 2%;
	}

	.elite-bundle-product .elite-product-card__visual::after,
	.elite-bundle-product .wc-block-grid__product-image::after,
	.elite-bundle-product .wc-block-components-product-image::after {
		top: 16px;
		left: 16px;
		min-width: 64px;
		height: 30px;
		padding: 0 12px;
		font-size: 8px;
	}
}

@supports not (scale: 1) {
	/* Conservative fallback: keep all three visible on older browsers. */
	.elite-vial-media--bundle > .elite-bundle-vial--centre {
		transform: scale(.86) !important;
	}

	.elite-vial-media--bundle > .elite-bundle-vial--left,
	.elite-vial-media--bundle > .elite-bundle-vial--right {
		transform: scale(.70) !important;
	}

	.elite-vial-media--bundle > .elite-bundle-vial--left {
		transform: translateX(-52%) scale(.70) !important;
	}

	.elite-vial-media--bundle > .elite-bundle-vial--right {
		transform: translateX(52%) scale(.70) !important;
	}
}