/* ==========================================================================
   Kairós Livraria — animations.css
   Animações leves e elegantes. Tudo em CSS, GPU-friendly (transform/opacity).
   Respeita prefers-reduced-motion.
   ========================================================================== */

/* --- Keyframes ----------------------------------------------------------- */
@keyframes k-fade-in {
	from { opacity: 0; }
	to   { opacity: 1; }
}
@keyframes k-slide-up {
	from { opacity: 0; transform: translateY(18px); }
	to   { opacity: 1; transform: translateY(0); }
}
@keyframes k-float {
	0%, 100% { transform: translateY(0); }
	50%      { transform: translateY(-6px); }
}

/* --- Scroll reveal (ativado por interactions.js via .is-revealed) -------- */
.kairos-theme [data-reveal] {
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.7s var(--k-ease), transform 0.7s var(--k-ease);
	will-change: opacity, transform;
}
.kairos-theme [data-reveal].is-revealed {
	opacity: 1;
	transform: translateY(0);
}
/* Atraso em cascata para grupos */
.kairos-theme [data-reveal-delay="1"] { transition-delay: 0.08s; }
.kairos-theme [data-reveal-delay="2"] { transition-delay: 0.16s; }
.kairos-theme [data-reveal-delay="3"] { transition-delay: 0.24s; }
.kairos-theme [data-reveal-delay="4"] { transition-delay: 0.32s; }

/* --- Entrada do hero (imediata, sem esperar scroll) ---------------------- */
.kairos-hero__content > * { animation: k-slide-up 0.8s var(--k-ease) both; }
.kairos-hero__content > *:nth-child(2) { animation-delay: 0.08s; }
.kairos-hero__content > *:nth-child(3) { animation-delay: 0.16s; }
.kairos-hero__content > *:nth-child(4) { animation-delay: 0.24s; }
.kairos-hero__media { animation: k-fade-in 1s var(--k-ease) 0.1s both; }

/* --- Microinterações de botão ------------------------------------------- */
.kairos-button-primary:active,
.kairos-button-secondary:active { transform: translateY(0) scale(0.985); }

/* --- Brilho sutil em cards de produto no hover (já têm translateY) ------- */
.kairos-product-card::after,
.woocommerce ul.products li.product::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	box-shadow: inset 0 0 0 1px rgba(249, 115, 22, 0);
	transition: box-shadow var(--k-dur) var(--k-ease);
	pointer-events: none;
}
.kairos-product-card:hover::after,
.woocommerce ul.products li.product:hover::after {
	box-shadow: inset 0 0 0 1px rgba(249, 115, 22, 0.25);
}
.woocommerce ul.products li.product { position: relative; }

/* --- Acessibilidade: desliga movimento se o usuário pedir ---------------- */
@media (prefers-reduced-motion: reduce) {
	.kairos-theme *,
	.kairos-theme *::before,
	.kairos-theme *::after {
		animation-duration: 0.001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.001ms !important;
		scroll-behavior: auto !important;
	}
	.kairos-theme [data-reveal] { opacity: 1; transform: none; }
}