@view-transition {
  navigation: auto;
}

/* الصفحة القديمة */
::view-transition-old(root) {
  animation: yb-page-out 350ms ease-in-out both;
}

/* الصفحة الجديدة */
::view-transition-new(root) {
  animation: yb-page-in 450ms ease-in-out both;
}

/* دخول الصفحة الجديدة */
@keyframes yb-page-in {
  from {
    opacity: 0;
    transform: translateY(12px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* خروج الصفحة القديمة */
@keyframes yb-page-out {
  from {
    opacity: 1;
    transform: translateY(0);
  }

  to {
    opacity: 0;
    transform: translateY(-8px);
  }
}

/* احترام إعدادات تقليل الحركة */
@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation: none;
  }
}