/* ===== Scroll Reveal ===== */
/* الإخفاء بيتطبّق بس لو JavaScript نجح في الإعداد (html.js-reveal) */

html.js-reveal [data-reveal] {
  opacity: 0;
  transform: translateY(28px);
  transition:
    opacity 0.9s var(--ease) calc(var(--reveal-i, 0) * 110ms),
    transform 0.9s var(--ease) calc(var(--reveal-i, 0) * 110ms);
}

/* الصور: حركة أهدى (تكبير خفيف بدل الصعود) */
html.js-reveal [data-reveal='image'] {
  opacity: 0;
  transform: scale(1.05);
  transition:
    opacity 1.2s var(--ease) calc(var(--reveal-i, 0) * 110ms),
    transform 1.2s var(--ease) calc(var(--reveal-i, 0) * 110ms);
}

html.js-reveal [data-reveal].is-revealed {
  opacity: 1;
  transform: none;
}

/* تقليل الحركة: المحتوى ظاهر من غير أي حركة */
@media (prefers-reduced-motion: reduce) {
  html.js-reveal [data-reveal],
  html.js-reveal [data-reveal='image'] {
    opacity: 1;
    transform: none;
    transition: none;
  }
}