/*
 * Mobile Viewport Fix
 * 
 * Problem: Auf iOS/Android verschwindet die Adressleiste beim Scrollen.
 * Dabei ändert sich window.innerHeight, aber touch-events werden noch mit
 * den alten Koordinaten berechnet → Klicks landen auf falschen Elementen.
 *
 * Fix: touch-action auf Buttons explizit setzen und viewport-Einheiten
 * stabilisieren.
 */

/* Verhindert dass Buttons durch viewport-resize "verrutschen" */
.btn {
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    user-select: none;
    position: relative;
    z-index: 1;
}

/* Verhindert Doppel-Tap-Zoom auf Buttons (iOS) */
button, 
[role="button"],
.btn,
.dash-button {
    touch-action: manipulation;
}

/* Stabiler Viewport - verhindert Springen beim Ausblenden der Adressleiste */
html {
    height: -webkit-fill-available;
}

body {
    min-height: 100vh;
    min-height: -webkit-fill-available;
    overflow-x: hidden;
}

/* Verhindert ungewolltes Scrollen beim Button-Klick */
.kegel-card {
    -webkit-overflow-scrolling: touch;
    transform: translateZ(0);
    will-change: auto;
}

/* Stellt sicher dass der Container keinen fixed-height Viewport-Bug hat */
.container-fluid {
    min-height: unset !important;
    padding-bottom: 50px;
}