@view-transition {
  navigation: auto;
}

html {
  scrollbar-gutter: stable;
}

.nav,
.shared-nav {
  view-transition-name: sawti-global-header;
}

::view-transition-old(sawti-global-header),
::view-transition-new(sawti-global-header) {
  animation-duration: 160ms;
  animation-timing-function: ease-out;
}

::view-transition-old(root),
::view-transition-new(root) {
  /* لا نُداخل صورة الصفحة القديمة مع الجديدة عند التحديث. */
  animation: none;
}

@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(*),
  ::view-transition-old(*),
  ::view-transition-new(*) {
    animation-duration: 0.001ms;
  }
}