/**
 * Capacitor Safe Area CSS
 * Handles iPhone notch, home indicator, and Android system bars
 * ONLY applies in standalone/PWA/Capacitor mode
 */

/* CSS Custom Properties for safe areas */
:root {
    --safe-area-top: env(safe-area-inset-top, 0px);
    --safe-area-bottom: env(safe-area-inset-bottom, 0px);
    --safe-area-left: env(safe-area-inset-left, 0px);
    --safe-area-right: env(safe-area-inset-right, 0px);
}

/* Only apply safe-area adjustments when running as installed app */
@media screen and (display-mode: standalone) {
    html {
        overscroll-behavior: none;
    }

    /* Fixed bottom elements need safe area padding */
    .fixed-bottom,
    .bottom-nav,
    .quiz-submit-container,
    .mock-navigation-buttons {
        padding-bottom: calc(1rem + var(--safe-area-bottom)) !important;
    }

    /* Modal footer in fullscreen mode */
    .modal__footer {
        padding-bottom: calc(1rem + var(--safe-area-bottom));
    }
}

/* iOS-specific: Prevent rubber banding in app mode */
@supports (-webkit-touch-callout: none) {
    @media screen and (display-mode: standalone) {
        html, body {
            overscroll-behavior-y: contain;
            -webkit-overflow-scrolling: touch;
        }
    }
}

/* Touch-friendly improvements removed - too broad, was affecting dashboard cards */