/**
 * Utilities globais CrocoLoot (opt-in por classe no Bricks).
 */

.croco-hover-lift {
	transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}

.croco-hover-lift:hover {
	transform: translateY(-3px);
}

@media (prefers-reduced-motion: reduce) {
	.croco-hover-lift,
	.croco-hover-lift:hover {
		transition: none;
		transform: none;
	}
}

/* Zoom suave (miolo/imagem; moldura com overflow:hidden). Não combinar com .croco-hover-lift no mesmo elemento. */
.croco-hover-zoom {
	transition: transform 0.35s ease;
	transform-origin: center center;
}

.croco-hover-zoom:hover {
	transform: scale(1.04);
}

@media (prefers-reduced-motion: reduce) {
	.croco-hover-zoom,
	.croco-hover-zoom:hover {
		transition: none;
		transform: none;
	}
}

/* Flutuação discreta (mascote / ilustração). Não combinar transform com .croco-hover-zoom no mesmo elemento. */
@keyframes croco-float-y {
	0%,
	100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-5px);
	}
}

.croco-float {
	animation: croco-float-y 5.5s ease-in-out infinite;
	will-change: transform;
}

/* Dentro de card: zoom no hover sem brigar com o keyframe */
.croco-card .croco-float.croco-hover-zoom {
	transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

@media (prefers-reduced-motion: reduce) {
	.croco-float {
		animation: none;
		will-change: auto;
	}
}