/* iOS standalone PWA-only overrides.
   Keep every selector scoped so Safari-in-browser keeps using the shared styles. */

html.ios-pwa-standalone,
html.ios-pwa-standalone body {
    min-height: 100svh;
    min-height: 100dvh;
}

html.ios-pwa-standalone body {
    background-color: var(--bg-primary, #000);
}

html.ios-pwa-standalone .tab-content,
html.ios-pwa-standalone #tree,
html.ios-pwa-standalone .full-player,
html.ios-pwa-standalone .full-player-content {
    min-height: 100svh;
    min-height: 100dvh;
}

@media (max-width: 768px) {
    html.ios-pwa-standalone {
        --ios-pwa-queue-page-min-height: 0px;
        --ios-pwa-queue-toolbar-sticky-top: var(--playlist-toolbar-sticky-top);
        --ios-pwa-queue-current-playing-sticky-top: calc(
            var(--ios-pwa-queue-toolbar-sticky-top) + var(--playlist-toolbar-sticky-height) + 8px
        );
    }

    html.ios-pwa-standalone #playlist {
        min-height: var(--ios-pwa-queue-page-min-height);
        --playlist-toolbar-sticky-top: var(--ios-pwa-queue-toolbar-sticky-top);
        --playlist-current-playing-sticky-top: var(--ios-pwa-queue-current-playing-sticky-top);
    }
}

html.ios-pwa-standalone #playerBar {
    padding-bottom: calc(12px + var(--safe-area-bottom));
}

html.ios-pwa-standalone .bottom-nav {
    padding-bottom: var(--safe-area-bottom);
}

html.ios-pwa-standalone .full-player-volume {
    padding-bottom: calc(16px + var(--safe-area-bottom));
}