/* ==============================================================
   PWA GLOBAL STYLES - No Pull-to-Refresh
   -------------------------------------------------------------- */

/* ------------------------------
   Splash Screen
------------------------------ */

.pwa-splash-screen {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    background: #fff url('../images/logos/butterfly.png') center center no-repeat;
    background-size: 120px auto;
    z-index: 9999;
    pointer-events: none;
    display: none;
}

@media (display-mode: standalone) {
    .pwa-splash-screen.pwa-splash-show {
        display: block;
        animation: pwaFadeOutSplash 0.8s ease-in-out 0.3s forwards;
    }
}

.pwa-splash-complete {
    display: none;
}

@keyframes pwaFadeOutSplash {
    0% { opacity: 1; }
    100% { opacity: 0; visibility: hidden; }
}

/* Hide PWA banner in standalone mode */
@media (display-mode: standalone) {
    .pwa-open-banner {
        display: none;
    }
}