/* NBK Reveal — hiệu ứng hiển thị khi cuộn tới (dùng chung mọi widget).
   Kích hoạt khi phần tử cha có [data-nbk-reveal="<kiểu>"]; các con đánh dấu .nbk-rv
   sẽ ẩn ban đầu rồi hiện dần (stagger) khi vào viewport. Cấu hình qua biến:
   --rv-dur (thời lượng), --rv-dist (khoảng dịch). */
[data-nbk-reveal] .nbk-rv{
	opacity: 0;
	transition: opacity var(--rv-dur, 700ms) ease,
		transform var(--rv-dur, 700ms) cubic-bezier(.22,.61,.36,1);
	will-change: opacity, transform;
}
[data-nbk-reveal="fade-up"]    .nbk-rv{ transform: translateY(var(--rv-dist, 32px)); }
[data-nbk-reveal="fade-down"]  .nbk-rv{ transform: translateY(calc(-1 * var(--rv-dist, 32px))); }
[data-nbk-reveal="fade-left"]  .nbk-rv{ transform: translateX(calc(-1 * var(--rv-dist, 40px))); }
[data-nbk-reveal="fade-right"] .nbk-rv{ transform: translateX(var(--rv-dist, 40px)); }
[data-nbk-reveal="zoom"]       .nbk-rv{ transform: scale(.9); }
[data-nbk-reveal="fade"]       .nbk-rv{ transform: none; }

[data-nbk-reveal] .nbk-rv.is-rv{ opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce){
	[data-nbk-reveal] .nbk-rv{ opacity: 1 !important; transform: none !important; transition: none; }
}
/* Elementor editor / preview iframe: luôn hiện để soạn thảo */
.elementor-editor-active [data-nbk-reveal] .nbk-rv,
.elementor-editor-preview [data-nbk-reveal] .nbk-rv,
.elementor-device-tablet [data-nbk-reveal] .nbk-rv,
.elementor-device-mobile [data-nbk-reveal] .nbk-rv {
	opacity: 1;
	transform: none;
}
