/* ==========================================================================
   View Transitions API — Płynne przejścia między podstronami
   ========================================================================== */

@view-transition {
  navigation: auto; /* Włącza automatyczne przejścia przy nawigacji */
}

/* Animacja wyjścia starej strony */
::view-transition-old(root) {
  animation: 250ms cubic-bezier(0.4, 0, 0.2, 1) both fade-out;
}

/* Animacja wejścia nowej strony */
::view-transition-new(root) {
  animation: 400ms cubic-bezier(0.4, 0, 0.2, 1) both fade-in;
}

@keyframes fade-out {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-10px);
  }
}

@keyframes fade-in {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Zachowanie paska nawigacji — opcjonalnie możemy wykluczyć navbar z animacji,
   aby "stał" w miejscu podczas przechodzenia, jeśli nadamy mu view-transition-name */

#navbar {
  view-transition-name: main-nav;
}