/**
 * ScanVino - Native App Styles (Capacitor)
 * Safe Area Insets, Keyboard-Handling, Platform-Fixes
 */

/* ═══════════════════════════════════════════
   SAFE AREA INSETS (iOS Notch / Dynamic Island)
   ═══════════════════════════════════════════ */

.capacitor-native {
    /* CSS-Variablen für Safe Areas */
    --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);
    --keyboard-height: 0px;
}

/* Top-Padding für iOS Notch */
.capacitor-ios #app {
    padding-top: var(--safe-area-top);
}

/* Bottom-Nav mit Safe Area */
.capacitor-native .glass-nav {
    padding-bottom: var(--safe-area-bottom);
}

/* Home-Header unter der StatusBar */
.capacitor-ios .home-header {
    padding-top: calc(var(--safe-area-top) + 8px);
}

/* ═══════════════════════════════════════════
   KEYBOARD HANDLING
   ═══════════════════════════════════════════ */

.capacitor-native.keyboard-open .glass-nav {
    /* Bottom-Nav verstecken wenn Keyboard offen */
    transform: translateY(100%);
    transition: transform 0.2s ease-out;
}

.capacitor-native .glass-nav {
    transition: transform 0.2s ease-out;
}

/* ═══════════════════════════════════════════
   ANDROID-SPEZIFISCH
   ═══════════════════════════════════════════ */

.capacitor-android {
    /* Android System UI Overlay */
    --safe-area-top: var(--safe-area-top, 24px);
}

/* Mehr Abstand zwischen StatusBar und App-Content auf Android */
.capacitor-android .home-header {
    padding-top: 16px;
}

.capacitor-android .home-main {
    padding-top: 8px;
}

/* ═══════════════════════════════════════════
   SCROLL BEHAVIOR
   ═══════════════════════════════════════════ */

/* Overscroll-Effekt deaktivieren (fühlt sich nativer an) */
.capacitor-native body {
    overscroll-behavior: none;
    -webkit-overflow-scrolling: touch;
}

/* Kein Text-Selection im nativen Kontext (außer Inputs) */
.capacitor-native *:not(input):not(textarea):not([contenteditable]) {
    -webkit-user-select: none;
    user-select: none;
}

/* ═══════════════════════════════════════════
   PULL-TO-REFRESH PREVENTION
   ═══════════════════════════════════════════ */

.capacitor-native body {
    overscroll-behavior-y: contain;
}

/* ═══════════════════════════════════════════
   TAP HIGHLIGHT ENTFERNEN
   ═══════════════════════════════════════════ */

.capacitor-native {
    -webkit-tap-highlight-color: transparent;
}

/* ═══════════════════════════════════════════
   PWA-SPEZIFISCHE ELEMENTE AUSBLENDEN
   ═══════════════════════════════════════════ */

/* "Zum Homescreen hinzufügen"-Banner etc. */
.capacitor-native .pwa-install-prompt,
.capacitor-native .pwa-banner {
    display: none !important;
}