/* Transitions entre pages — fluide, navbar & fond conservés */

html.page-loading:not(.page-ready) #navbar-container ~ * {
    opacity: 0;
}

html.page-ready #navbar-container ~ * {
    animation: pageContentIn 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

html.page-exit #navbar-container ~ * {
    opacity: 0 !important;
    transform: translateY(5px);
    transition:
        opacity 0.09s ease,
        transform 0.09s ease;
    animation: none !important;
}

@keyframes pageContentIn {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    html.page-loading:not(.page-ready) #navbar-container ~ * {
        opacity: 1;
    }

    html.page-ready #navbar-container ~ * {
        animation: none;
    }

    html.page-exit #navbar-container ~ * {
        transform: none;
        transition: none;
    }
}