/**
 * PWA yerel uygulama hissi — mobil dokunmatik ve scroll
 */
html,
body {
    overscroll-behavior-y: contain;
}

body {
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

a,
button,
[role='button'],
input,
select,
textarea,
label,
.fi-btn,
.fi-ac-btn-action {
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
}

/**
 * iOS ana ekran uygulaması: notch / Dynamic Island altında kalan üst çubuk ve hamburger.
 * display-mode medya sorgusu iOS 18+ / 26'da her zaman eşleşmeyebilir;
 * html.ga-pwa-ios-standalone sınıfı pwa-head içindeki erken JS ile eklenir.
 */
:root {
    --ga-pwa-safe-top: env(safe-area-inset-top, 0px);
    --ga-pwa-safe-bottom: env(safe-area-inset-bottom, 0px);
    --ga-pwa-safe-left: env(safe-area-inset-left, 0px);
    --ga-pwa-safe-right: env(safe-area-inset-right, 0px);
}

html.ga-pwa-ios-standalone .fi-body:not(:has(.ga-login-shell)) .fi-topbar,
html.ga-pwa-standalone .fi-body:not(:has(.ga-login-shell)) .fi-topbar {
    top: var(--ga-pwa-safe-top) !important;
}

html.ga-pwa-ios-standalone .fi-body:not(:has(.ga-login-shell)) .fi-topbar nav,
html.ga-pwa-standalone .fi-body:not(:has(.ga-login-shell)) .fi-topbar nav {
    min-height: 4rem;
}

html.ga-pwa-ios-standalone .fi-body:not(:has(.ga-login-shell)) .fi-topbar-open-sidebar-btn,
html.ga-pwa-ios-standalone .fi-body:not(:has(.ga-login-shell)) .fi-topbar-close-sidebar-btn,
html.ga-pwa-standalone .fi-body:not(:has(.ga-login-shell)) .fi-topbar-open-sidebar-btn,
html.ga-pwa-standalone .fi-body:not(:has(.ga-login-shell)) .fi-topbar-close-sidebar-btn {
    min-width: 2.75rem;
    min-height: 2.75rem;
    position: relative;
    z-index: 30;
}

html.ga-pwa-ios-standalone .fi-body:not(:has(.ga-login-shell)) .fi-sidebar,
html.ga-pwa-standalone .fi-body:not(:has(.ga-login-shell)) .fi-sidebar {
    top: var(--ga-pwa-safe-top) !important;
    bottom: var(--ga-pwa-safe-bottom) !important;
    height: auto !important;
}

html.ga-pwa-ios-standalone .fi-body:not(:has(.ga-login-shell)) .pwa-onboarding,
html.ga-pwa-standalone .fi-body:not(:has(.ga-login-shell)) .pwa-onboarding {
    padding-top: max(0.35rem, var(--ga-pwa-safe-top));
    padding-left: max(0px, var(--ga-pwa-safe-left));
    padding-right: max(0px, var(--ga-pwa-safe-right));
}

@media (display-mode: standalone), (display-mode: fullscreen), (display-mode: minimal-ui) {
    html:not(.ga-pwa-ios-standalone):not(.ga-pwa-standalone) .fi-body:not(:has(.ga-login-shell)) .fi-topbar {
        top: var(--ga-pwa-safe-top) !important;
    }

    html:not(.ga-pwa-ios-standalone):not(.ga-pwa-standalone) .fi-body:not(:has(.ga-login-shell)) .fi-topbar nav {
        min-height: 4rem;
    }

    html:not(.ga-pwa-ios-standalone):not(.ga-pwa-standalone) .fi-body:not(:has(.ga-login-shell)) .fi-topbar-open-sidebar-btn,
    html:not(.ga-pwa-ios-standalone):not(.ga-pwa-standalone) .fi-body:not(:has(.ga-login-shell)) .fi-topbar-close-sidebar-btn {
        min-width: 2.75rem;
        min-height: 2.75rem;
    }

    html:not(.ga-pwa-ios-standalone):not(.ga-pwa-standalone) .fi-body:not(:has(.ga-login-shell)) .fi-sidebar {
        top: var(--ga-pwa-safe-top) !important;
        bottom: var(--ga-pwa-safe-bottom) !important;
        height: auto !important;
    }
}