/**
 * CMP LMS — Hiệu ứng "hiện ra khi cuộn trang" (scroll reveal).
 *
 * Chỉ áp dụng cho phần tử có sẵn attribute data-cmp-reveal trong HTML (gắn
 * thủ công tại các template — xem assets/js/cmp-scroll-reveal.js). Nhờ vậy
 * nếu JS không chạy được vì lý do gì đó, phần tử vẫn hiển thị bình thường
 * ngay từ đầu (không có class .is-revealed thì rule bên dưới không áp dụng).
 *
 * @package CMP_LMS
 */

@media (prefers-reduced-motion: no-preference) {
	[data-cmp-reveal] {
		opacity: 0;
		transform: translateY(28px);
		transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1),
			transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
		transition-delay: var(--cmp-reveal-delay, 0s);
		will-change: opacity, transform;
	}

	[data-cmp-reveal].is-revealed {
		opacity: 1;
		transform: translateY(0);
	}
}