/* ── Aurora glow — ::before only, no button/child overrides ── */

.bsmarty-favorites-fab::before,
.bsmarty-floating-cart__btn::before,
.bsmarty-header-account-trigger::before,
.bsmarty-header-favorites-link::before,
.bsmarty-header-cart-link::before {
	content: '';
	position: absolute;
	inset: -6px;
	border-radius: inherit;
	background: conic-gradient(
		from 0deg,
		#a78bfa,
		#60a5fa,
		#34d399,
		#fbbf24,
		#fb7185,
		#a78bfa
	);
	filter: blur(8px);
	opacity: 0;
	transition: opacity 0.3s ease;
	z-index: -1;
	pointer-events: none;
	-webkit-mask-image: radial-gradient(
		farthest-side,
		transparent calc(100% - 14px),
		#000 calc(100% - 2px)
	);
	mask-image: radial-gradient(
		farthest-side,
		transparent calc(100% - 14px),
		#000 calc(100% - 2px)
	);
}

/*
 * Header icons: w-8 h-8 + rounded-[16px] = circle, but inherit keeps 16px on the
 * larger ::before (inset -6px) → rounded rectangle. Force a true circle + mask.
 */
.bsmarty-favorites-fab::before,
.bsmarty-floating-cart__btn::before,
.bsmarty-header-account-trigger::before,
.bsmarty-header-favorites-link::before,
.bsmarty-header-cart-link::before {
	border-radius: 50%;
	-webkit-mask-image: radial-gradient(
		circle at 50% 50%,
		transparent calc(50% - 8px),
		#000 calc(50% - 1px)
	);
	mask-image: radial-gradient(
		circle at 50% 50%,
		transparent calc(50% - 8px),
		#000 calc(50% - 1px)
	);
}

.bsmarty-favorites-fab:hover::before,
.bsmarty-favorites-fab.is-active::before,
.bsmarty-floating-cart__btn:hover::before,
.bsmarty-floating-cart__btn.is-active::before,
.bsmarty-header-account-trigger:hover::before,
.bsmarty-header-account-trigger.is-active::before,
.bsmarty-header-account-trigger[aria-expanded="true"]::before,
.bsmarty-header-favorites-link:hover::before,
.bsmarty-header-favorites-link.is-active::before,
.bsmarty-header-cart-link:hover::before,
.bsmarty-header-cart-link.is-active::before {
	opacity: 0.55;
}
