/* ============================================================ BeCloud — WOW Scroll Reveal (global engine) عناصر تظهر عند التمرير، عنصر عنصر (stagger). Animations: fadeInDown / fadeInUp / zoomIn / zoomInDown / zoomInUp يعمل فقط على العناصر التي أضاف لها الـJS: .bc-wow[data-anim] (لا يمس عناصر الثيم القديمة التي بلا data-anim) ============================================================ */ /* الإخفاء يعمل فقط بعد أن يضيف الـJS كلاس bc-wow-ready على . بدون JS (أو زحف محركات البحث) → كل المحتوى ظاهر طبيعي (آمن للسيو). */ html.bc-wow-ready .bc-wow[data-anim] { opacity: 0; will-change: transform, opacity; } html.bc-wow-ready .bc-wow[data-anim].in-view { animation-duration: .8s; animation-fill-mode: both; animation-timing-function: cubic-bezier(.22, .61, .36, 1); } html.bc-wow-ready .bc-wow[data-anim="fadeInDown"].in-view { animation-name: bcw-fadeInDown; } html.bc-wow-ready .bc-wow[data-anim="fadeInUp"].in-view { animation-name: bcw-fadeInUp; } html.bc-wow-ready .bc-wow[data-anim="zoomIn"].in-view { animation-name: bcw-zoomIn; } html.bc-wow-ready .bc-wow[data-anim="zoomInDown"].in-view { animation-name: bcw-zoomInDown; } html.bc-wow-ready .bc-wow[data-anim="zoomInUp"].in-view { animation-name: bcw-zoomInUp; } @keyframes bcw-fadeInDown { from { opacity: 0; transform: translate3d(0, -45px, 0); } to { opacity: 1; transform: none; } } @keyframes bcw-fadeInUp { from { opacity: 0; transform: translate3d(0, 45px, 0); } to { opacity: 1; transform: none; } } @keyframes bcw-zoomIn { from { opacity: 0; transform: scale3d(.85, .85, .85); } to { opacity: 1; transform: none; } } @keyframes bcw-zoomInDown { from { opacity: 0; transform: scale3d(.85, .85, .85) translate3d(0, -40px, 0); } to { opacity: 1; transform: none; } } @keyframes bcw-zoomInUp { from { opacity: 0; transform: scale3d(.85, .85, .85) translate3d(0, 40px, 0); } to { opacity: 1; transform: none; } } /* احترام تفضيل تقليل الحركة */ @media (prefers-reduced-motion: reduce) { html.bc-wow-ready .bc-wow[data-anim] { opacity: 1 !important; animation: none !important; } }