/* CSS minimal doar pentru fix-ul PWA - fără a afecta layout-ul general */

/* Aplicăm stiluri DOAR pentru navbar-ul specific din PWA */
.navbar.pwa-navbar {
    /* Optimizări pentru performanță în PWA */
    will-change: transform, opacity;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

/* Doar în PWA standalone mode - aplicăm animația pentru navbar-ul nostru */
@media (display-mode: standalone) {
    .navbar.pwa-navbar.pwa-init {
        opacity: 0;
        transform: translateY(-100%);
    }
    
    .navbar.pwa-navbar.pwa-ready {
        opacity: 1;
        transform: translateY(0);
        transition: opacity 0.3s ease, transform 0.3s ease;
    }
    
    /* Safe area pentru PWA - doar pentru navbar-ul nostru */
    .navbar.pwa-navbar {
        padding-top: env(safe-area-inset-top, 20px);
        padding-top: constant(safe-area-inset-top, 20px);
    }
}