/* ==========================================================================
   PWA standalone mode optimizations.
   Si applica solo quando il sito gira come app installata (Add to Home).
   Su Safari/Chrome normale non cambia nulla.

   Why: in iOS WKWebView standalone, backdrop-filter su sticky/fixed manda in
   "white flash" durante lo scroll perche' i layer compositati vengono purgati
   sotto pressione memoria. Disattiviamo backdrop-filter e ammorbidiamo i
   compositing hint piu' aggressivi.
   ========================================================================== */

@media (display-mode: standalone) {
    /* Disabilita TUTTI i backdrop-filter: troppo pesanti per WKWebView standalone */
    *,
    *::before,
    *::after {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    /* Compensa visivamente gli elementi che dipendevano dal blur:
       sticky filter bar e overlay devono restare leggibili sul contenuto sottostante */
    .filter-bar.is-sticky {
        background: #ffffff !important;
    }

    .mobile-nav-backdrop {
        background: rgba(15, 23, 42, 0.55) !important;
    }

    .pwa-modal {
        background: rgba(15, 23, 42, 0.65) !important;
    }

    /* Rimuove will-change su elementi non essenziali per ridurre layer count */
    .mariokart-track,
    .mariokart-section *[style*="will-change"] {
        will-change: auto !important;
    }

    /* Safe area insets per il notch / dynamic island */
    body {
        padding-top: env(safe-area-inset-top);
        padding-bottom: env(safe-area-inset-bottom);
    }

    /* La barra mobile slide-in deve coprire anche la safe area */
    .mobile-nav-panel {
        padding-top: env(safe-area-inset-top);
    }

    /* Disabilita parallax / smooth scroll heavy che peggiorano lo scroll su iOS PWA */
    html {
        scroll-behavior: auto !important;
    }
}