/* ============================================================
   NOXURA — View Transitions API
   ────────────────────────────────────────────────────────────
   Native browser cross-document transitions (Chrome 111+, Safari 18+).
   Graceful fallback (žádný break v older browserech).

   Include na všechny stránky:
     <link rel="stylesheet" href="/assets/view-transitions.css">
     <meta name="view-transition" content="same-origin">
   ============================================================ */

@view-transition {
  navigation: auto;
}

/* Fade-out current page (going away) */
::view-transition-old(root) {
  animation: bv-fade-out 280ms cubic-bezier(0.4, 0, 1, 1) forwards;
}

/* Fade-in new page (incoming) */
::view-transition-new(root) {
  animation: bv-fade-in 340ms cubic-bezier(0, 0, 0.2, 1) 60ms forwards;
}

@keyframes bv-fade-out {
  from { opacity: 1; filter: brightness(1); }
  to   { opacity: 0; filter: brightness(0.5); }
}

@keyframes bv-fade-in {
  from {
    opacity: 0;
    filter: brightness(0.7) blur(2px);
    transform: scale(0.995);
  }
  to {
    opacity: 1;
    filter: brightness(1) blur(0);
    transform: scale(1);
  }
}

/* Special transition pro /awaken/ — žádný fade-out (cinematic má vlastní intro) */
[data-view-transition="awaken-enter"]::view-transition-new(root) {
  animation-duration: 800ms;
  animation-delay: 0ms;
}

/* Reduced motion respekt */
@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation: none !important;
  }
}