/* =============================================================
   CART NOTIFICATION
   Notifica tooltip aggiunta al carrello — angolo top-right
   ============================================================= */

.s4w-cart-notification {
	position: fixed;
	top: calc(var(--header-height, 80px) + 12px);
	right: 24px;
	z-index: 9999;
	width: 420px;
	background: var(--bg-white-0);
	border-left: 4px solid var(--color-green);
	padding: 12px 24px;
	font-family: var(--font-secondary);
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.10);

	/* Animazione: parte fuori schermo a destra */
	transform: translateX(calc(100% + 40px));
	transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
	pointer-events: none;
}

.s4w-cart-notification.is-visible {
	transform: translateX(0);
	pointer-events: auto;
}

/* Riga header: label + pulsante chiudi */
.s4w-cart-notification__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 8px;
}

.s4w-cart-notification__label {
	font-size: var(--capital-small);
	line-height: var(--capital-small-lh);
	letter-spacing: var(--capital-small-ls, 0.08em);
	text-transform: uppercase;
	color: var(--text-sub-500);
}

.s4w-cart-notification__close {
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
	color: var(--text-sub-500);
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	transition: color 0.2s;
}

.s4w-cart-notification__close:hover {
	color: var(--text-main-900);
}

/* Nome prodotto */
.s4w-cart-notification__name {
	font-family: var(--font-primary);
	font-size: var(--title-xsmall);
	font-weight: var(--title-xsmall-weight);
	line-height: var(--title-xsmall-lh);
	letter-spacing: var(--title-xsmall-ls);
	color: var(--text-main-900);
	margin: 0 0 2px 0;
}

/* Varianti — solo valori, testo piccolo */
.s4w-cart-notification__attributes {
	font-size: 12px;
	line-height: 1.4;
	color: var(--text-sub-500);
	margin: 0 0 4px 0;
}

/* Riga prezzo + link carrello */
.s4w-cart-notification__footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-top: 8px;
}

/* Prezzo */
.s4w-cart-notification__price {
	font-size: var(--paragraph-small);
	line-height: var(--paragraph-small-lh);
	color: var(--text-main-900);
	font-weight: var(--weight-bold);
	margin: 0;
}

/* Link carrello */
.s4w-cart-notification__link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: var(--paragraph-small);
	line-height: var(--paragraph-small-lh);
	color: var(--text-main-900);
	text-decoration: underline;
	text-underline-offset: 3px;
	font-family: var(--font-secondary);
	white-space: nowrap;
	transition: opacity 0.2s;
}

.s4w-cart-notification__link:hover {
	opacity: 0.7;
}

/* ---- MOBILE ---- */
@media (max-width: 768px) {
	.s4w-cart-notification {
		right: 12px;
		left: 12px;
		width: auto;
		top: calc(var(--header-height, 70px) + 8px);
	}
}

/* Rispetta preferenze motion ridotto */
@media (prefers-reduced-motion: reduce) {
	.s4w-cart-notification {
		transition: none;
	}
}