/* ===== إضافات النسخة المحلية =====
   (النافبار والقائمة صاروا بـ nav.css)
   الموقع الأصلي يستخدم React + Framer Motion للأنيميشن،
   هون بديل خفيف بـ CSS + JS عادي بيعطي نفس الشكل. */

html { scroll-behavior: smooth; }

/* ظهور العناصر عند السكرول (fade + slide up) */
[data-reveal] {
  opacity: 0;
  transform: translateY(var(--reveal-distance, 20px));
  transition: opacity .6s ease-out, transform .6s ease-out;
  transition-delay: var(--reveal-delay, 0ms);
}
[data-reveal].is-visible {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  [data-reveal] {
    animation: none !important;
    transition: none !important;
  }
}