/* View Transitions — creator-side only (loaded by creator pages, not admin/manager) */

/* Cross-document */
@view-transition {
  navigation: auto;
}

/* Global transition: soft fade + slide */
::view-transition-old(root) {
  animation: vt-slide-out 250ms ease-out;
}
::view-transition-new(root) {
  animation: vt-slide-in 250ms ease-out;
}

@keyframes vt-slide-out {
  to { opacity: 0; transform: translateY(-8px); }
}
@keyframes vt-slide-in {
  from { opacity: 0; transform: translateY(8px); }
}

/* Respect user preference */
@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation: none;
  }
}

/* Shared brand morphs across creator pages */
.topbar__brand { view-transition-name: nav-brand; }

/* Smooth nav-link hover (opacity already transitions via .btn; add border/bg) */
.topbar__nav .btn {
  transition: opacity 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}