/* ==========================================================================
   MyPastilla — Animations légères (apparition au scroll, hover, transitions)
   Aucune librairie lourde : IntersectionObserver natif (voir animations.js)
   ========================================================================== */

[data-aos] {
	opacity: 0;
	transform: translateY(24px);
	transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
	will-change: opacity, transform;
}

[data-aos].aos-visible {
	opacity: 1;
	transform: translateY(0);
}

[data-aos="fade-up"] {
	transform: translateY(30px);
}
[data-aos="fade-left"] {
	transform: translateX(-30px);
}
[data-aos="fade-right"] {
	transform: translateX(30px);
}
[data-aos="zoom-in"] {
	transform: scale(0.94);
}
[data-aos].aos-visible {
	transform: translate(0, 0) scale(1);
}

/* Zoom léger sur les images produits/catégories au survol */
.mypastilla-card img,
ul.products li.product img,
.mypastilla-category-image img {
	transition: transform var(--mp-transition-medium);
}

.mypastilla-card:hover img,
ul.products li.product:hover img,
.mypastilla-category-image:hover img {
	transform: scale(1.06);
}

/* Transition douce entre pages (fondu géré en JS via classe body) */
body.mypastilla-page-transition {
	animation: mypastillaFadeIn 0.4s ease;
}

@keyframes mypastillaFadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

/* Respect des préférences d'accessibilité : désactive les animations si demandé */
@media (prefers-reduced-motion: reduce) {
	[data-aos],
	.mypastilla-card img,
	ul.products li.product img {
		transition: none !important;
		transform: none !important;
		opacity: 1 !important;
	}
}