/* ── RIWAQ Page Transitions ── */

/* Dark overlay covers screen on exit, uncovers on entry */
#rw-overlay {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: #0a0a0a;
  pointer-events: none;
  opacity: 0;
  transition: opacity 400ms ease;
}

#rw-overlay.rw-in  { opacity: 1; } /* covering  */
#rw-overlay.rw-out { opacity: 0; } /* revealing */

/* Body slides up on entry */
@keyframes rw-slide-up {
  from { opacity: 0; transform: translateY(36px); }
  to   { opacity: 1; transform: translateY(0);    }
}

body.rw-entering {
  animation: rw-slide-up 560ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

/* Body slides up on exit */
@keyframes rw-slide-exit {
  from { opacity: 1; transform: translateY(0);     }
  to   { opacity: 0; transform: translateY(-24px); }
}

body.rw-exiting {
  animation: rw-slide-exit 380ms ease forwards;
  pointer-events: none;
}