/* Globálne obrazové efekty (wwwroot/js/visual-effects.js): prechod medzi stránkami a konfety. */

/* Bočné menu a horná lišta majú vlastné „vrstvy" prechodu, takže pri prechode stoja na mieste
   a pohne sa len obsah stránky. */
.sidebar {
    view-transition-name: bm-sidebar;
}

.top-bar {
    view-transition-name: bm-topbar;
}

@media (prefers-reduced-motion: no-preference) {
    ::view-transition-old(root) {
        animation: bm-page-out .16s ease-in both;
    }

    ::view-transition-new(root) {
        animation: bm-page-in .32s cubic-bezier(.2, .8, .3, 1) both;
    }
}

@keyframes bm-page-out {
    to { opacity: 0; transform: translateY(-6px); }
}

@keyframes bm-page-in {
    from { opacity: 0; transform: translateY(10px); }
}

.bm-confetti {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    pointer-events: none;
    z-index: 3000;
}

/* Oslavovaný prvok sa raz zhupne. */
.bm-celebrated {
    animation: bm-celebrate-pop .7s cubic-bezier(.2, .8, .3, 1.4);
}

@keyframes bm-celebrate-pop {
    40% { transform: scale(1.18); }
}