/* KALIFORNIA - PWA Native App Fixes */

/* Prevent rubber-band overscroll on iOS */
html {
    overscroll-behavior: none;
    -webkit-overflow-scrolling: touch;
}

body {
    overscroll-behavior-y: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: text;
}

/* Allow text selection on inputs and text */
input, textarea, p, .info-block, .song-title, .song-artist {
    -webkit-user-select: text;
    user-select: text;
}

/* Header — account for notch/status bar */
.header {
    padding-top: env(safe-area-inset-top, 0px) !important;
    height: calc(var(--header-height, 60px) + env(safe-area-inset-top, 0px)) !important;
}

/* Main content — offset for taller header */
.main-content {
    padding-top: calc(var(--header-height, 60px) + env(safe-area-inset-top, 0px) + 12px) !important;
}

/* Bottom nav — account for home indicator */
.bottom-nav {
    padding-bottom: env(safe-area-inset-bottom, 0px) !important;
    height: calc(var(--nav-height, 72px) + env(safe-area-inset-bottom, 0px)) !important;
}

/* Main content — offset for taller bottom nav */
.page {
    padding-bottom: calc(var(--nav-height, 72px) + env(safe-area-inset-bottom, 0px) + 24px);
}

/* Standalone mode — extra refinements */
@media (display-mode: standalone) {
    /* Status bar area */
    .header {
        background: rgba(255, 255, 255, 0.98) !important;
        backdrop-filter: blur(24px) !important;
        -webkit-backdrop-filter: blur(24px) !important;
    }

    /* Prevent pull-to-refresh on Android */
    body {
        overscroll-behavior-y: contain;
    }

    /* Smooth page transitions */
    .page {
        will-change: opacity, transform;
    }
}

/* Login page in standalone mode */
@media (display-mode: standalone) {
    body.auth-page {
        padding-top: calc(24px + env(safe-area-inset-top, 0px));
        padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px));
    }
}