/* ===================================================================== BASHA MOTION — حركة عصرية فوق التصميم الحالي دون تغيير ألوانه أو هيكله تُفعَّل فقط حين يحمل السكربت الفئة bs-motion على ===================================================================== */ @media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } } /* ظل خفيف للهيدر عند التمرير — نفس الألوان */ .bs-hdr{ transition: box-shadow .35s var(--ease, cubic-bezier(.22,.61,.36,1)); } .bs-hdr.is-scrolled{ box-shadow: 0 10px 28px rgba(117,18,28,.16); } /* الهيرو: الخلفية تتحرك مع التمرير عبر JS */ .bs-hero__backdrop{ will-change: transform; } /* حالة ما قبل الظهور — تُرفع فور إضافة .is-in فيعيد العنصر خصائصه الأصلية */ html.bs-motion [data-motion]:not(.is-in){ opacity: 0; transform: translate3d(0, 28px, 0); filter: blur(2px); } html.bs-motion [data-motion]{ transition: opacity .75s var(--ease-out, cubic-bezier(.16,1,.3,1)), transform .75s var(--ease-out, cubic-bezier(.16,1,.3,1)), filter .75s var(--ease-out, cubic-bezier(.16,1,.3,1)); transition-delay: var(--motion-delay, 0ms); } html.bs-motion [data-motion-left]:not(.is-in){ transform: translate3d(28px, 0, 0); } html.bs-motion [data-motion-right]:not(.is-in){ transform: translate3d(-28px, 0, 0); } html.bs-motion [data-motion-scale]:not(.is-in){ transform: translate3d(0, 18px, 0) scale(.97); } @media (prefers-reduced-motion: reduce){ html{ scroll-behavior: auto; } html.bs-motion [data-motion]:not(.is-in){ opacity: 1; transform: none; filter: none; } html.bs-motion [data-motion]{ transition: none; } .bs-hero__backdrop{ transform: none !important; } } html.student-perf-lite.bs-motion [data-motion]:not(.is-in){ filter: none; } html.student-perf-lite .bs-hero__backdrop, html.android-native-app .bs-hero__backdrop{ transform: none !important; will-change: auto; }