/* Smooth Navigation Animations - Hardware Accelerated */
.pjsigns-sticky-navigation {
    will-change: transform !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    transform: translateZ(0) !important;
    -webkit-transform: translateZ(0) !important;
}

.pjsigns-sticky-navigation.pjsigns-fixed-navigation {
    transform: translate3d(0, 0, 0) !important;
    -webkit-transform: translate3d(0, 0, 0) !important;
    transition: transform 0.2s cubic-bezier(0.4, 0.0, 0.2, 1), opacity 0.2s ease !important;
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0.0, 0.2, 1), opacity 0.2s ease !important;
}

/* Force complete hiding when needed */
.pjsigns-sticky-navigation.navigation-force-hide {
    transform: translate3d(0, -150px, 0) !important;
    -webkit-transform: translate3d(0, -150px, 0) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    visibility: hidden !important;
}

/* Prevent layout shifts during animation */
.pjsigns-sticky-navigation * {
    transform: translateZ(0) !important;
    -webkit-transform: translateZ(0) !important;
}

/* Optimize for mobile devices */
@media (max-width: 768px) {
    .pjsigns-sticky-navigation.pjsigns-fixed-navigation {
        transition: transform 0.15s ease-out, opacity 0.15s ease-out !important;
        -webkit-transition: -webkit-transform 0.15s ease-out, opacity 0.15s ease-out !important;
    }
}