/* =========================================================
   Nelb WCMP — Motion system (pack 1.22.0)
   Token brandbook §13 come custom properties + applicazioni
   leggere sui widget del pack. Solo transform/opacity, zero JS.
   ========================================================= */
:root {
	--nelb-motion-micro: 200ms; /* rev. 14/07: durate aumentate, le entrate non si percepivano */
	--nelb-motion-panel: 350ms;
	--nelb-motion-enter: 450ms;
	--nelb-ease-brand: cubic-bezier(.22, 1, .36, 1);
	--nelb-ease-soft: ease;
}

/* ── Card: lift + ombra su hover (griglie prodotti/categorie) ── */
.nelb-pg-card,
.nelb-cg-card {
	transition: transform var(--nelb-motion-micro) var(--nelb-ease-soft),
		box-shadow var(--nelb-motion-micro) var(--nelb-ease-soft);
}
.nelb-pg-card:hover,
.nelb-cg-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 18px rgba(20, 20, 20, .08);
}

/* ── Overlay ricerca (motore FiboSearch/nativo): entrata morbida ── */
.nelb-search-overlay {
	transition: opacity var(--nelb-motion-panel) var(--nelb-ease-brand);
}
.nelb-search-overlay .nelb-search-overlay-inner {
	transition: transform var(--nelb-motion-panel) var(--nelb-ease-brand),
		opacity var(--nelb-motion-panel) var(--nelb-ease-brand);
}
.nelb-search-overlay[aria-hidden="true"] .nelb-search-overlay-inner {
	transform: translateY(10px);
	opacity: 0;
}

/* ── Mobile nav: slide del drawer ── */
.nelb-drawer {
	transition: transform var(--nelb-motion-panel) var(--nelb-ease-brand);
}

/* ── Bottoni del pack: micro-feedback ── */
.nelb-pg-card .button,
.nelb-cg-cta,
.nelb-vatc .single_add_to_cart_button {
	transition: background var(--nelb-motion-micro) var(--nelb-ease-soft),
		transform var(--nelb-motion-micro) var(--nelb-ease-soft);
}
.nelb-pg-card .button:active,
.nelb-cg-cta:active,
.nelb-vatc .single_add_to_cart_button:active {
	transform: scale(.98);
}

/* ── Accessibilità ── */
@media (prefers-reduced-motion: reduce) {
	.nelb-pg-card,
	.nelb-cg-card,
	.nelb-search-overlay,
	.nelb-search-overlay .nelb-search-overlay-inner,
	.nelb-drawer,
	.nelb-pg-card .button,
	.nelb-cg-cta,
	.nelb-vatc .single_add_to_cart_button {
		transition: none;
	}
	.nelb-pg-card:hover,
	.nelb-cg-card:hover {
		transform: none;
	}
}