/**
 * STICKY TAB BAR — tek CSS kaynağı.
 * #csbCoinStickyShell / #csbSentStickyShell = kabin
 * #mobileQuickNav / #sentQuickNav = sekme çubuğu (fixed pin, csb-tabbar ile aynı compositor)
 * Başka dosyaya tab bar kuralı EKLEMEYİN.
 */
@media (max-width: 1023px) {
    html.csb-coin-quicknav-page,
    body.csb-coin-quicknav-page {
        overflow-x: clip !important;
    }

    #mainHeader,
    html.csb-standalone #mainHeader,
    html.csb-native-app #mainHeader {
        position: relative !important;
        top: auto !important;
    }

    .csb-sticky-tabbar-shell {
        display: block;
        position: relative;
        width: 100%;
    }

    .csb-sticky-tabbar__sentinel {
        display: block;
        width: 100%;
        height: 1px;
        margin: 0;
        padding: 0;
        pointer-events: none;
        visibility: hidden;
    }

    .csb-sticky-tabbar__spacer {
        display: block;
        width: 100%;
        height: 0;
        margin: 0;
        padding: 0;
        pointer-events: none;
        overflow: hidden;
    }

    .csb-sticky-tabbar__spacer--active {
        height: var(--csb-quick-nav-h, 43px);
    }

    /* ── Sekme çubuğu: akışta; pin'de fixed (csb-tabbar ile aynı katman) ── */
    .csb-sticky-tabbar,
    #mobileQuickNav,
    #sentQuickNav {
        position: relative;
        z-index: 60;
        width: 100%;
        margin: 0;
        padding: 0;
        background-color: #030712 !important;
        border-bottom: 1px solid #1f2937;
    }

    .csb-sticky-tabbar--pinned {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 60 !important;
        transform: translateZ(0);
        -webkit-transform: translateZ(0);
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        contain: layout paint;
    }

    .csb-sticky-tabbar__track {
        display: flex;
        align-items: center;
        gap: 0;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        padding-inline: 0.75rem;
        overflow-x: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .csb-sticky-tabbar__track::-webkit-scrollbar {
        display: none;
    }

    .csb-sticky-tabbar .quicknav-btn,
    .csb-sticky-tabbar .sent-quicknav-btn,
    #mobileQuickNav .quicknav-btn,
    #sentQuickNav .sent-quicknav-btn {
        flex: 1 1 0;
        min-width: 0;
    }

    #section-ai-insight,
    #section-social-trend,
    #socialIntelWrapper,
    #communityFeedWrapper,
    #exchangeMarketsWrapper,
    #sent-sec-trend,
    #sent-sec-fomofud,
    #viral-etki-ozeti,
    #sent-sec-insight {
        scroll-margin-top: calc(var(--csb-quick-nav-h, 42px) + 8px);
    }
}

/* ── Native Android (safe-area) ── */
@media (max-width: 1023px) {
    /* Android WebView'da fixed + spacer geçişi görünür bir sıçrama
       yapıyordu. Native sticky, elemanı belge akışında tutarak bunu önler. */
    html.csb-native-android .csb-sticky-tabbar-shell {
        display: contents;
    }

    html.csb-native-android .csb-sticky-tabbar__sentinel,
    html.csb-native-android .csb-sticky-tabbar__spacer {
        display: none !important;
    }

    html.csb-native-android .csb-sticky-tabbar,
    html.csb-native-android #mobileQuickNav,
    html.csb-native-android #sentQuickNav {
        position: sticky !important;
        top: var(--csb-safe-top, 28px) !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
        -webkit-transform: none !important;
    }

    html.csb-native-android #section-ai-insight,
    html.csb-native-android #section-social-trend,
    html.csb-native-android #socialIntelWrapper,
    html.csb-native-android #communityFeedWrapper,
    html.csb-native-android #exchangeMarketsWrapper,
    html.csb-native-android #sent-sec-trend,
    html.csb-native-android #sent-sec-fomofud,
    html.csb-native-android #viral-etki-ozeti,
    html.csb-native-android #sent-sec-insight {
        scroll-margin-top: calc(var(--csb-quick-nav-h, 42px) + var(--csb-safe-top, 28px));
    }

    html.csb-native-android body.csb-coin-quicknav-page #section-ai-insight,
    html.csb-native-android body.csb-coin-quicknav-page #section-social-trend,
    html.csb-native-android body.csb-coin-quicknav-page #socialIntelWrapper,
    html.csb-native-android body.csb-coin-quicknav-page #communityFeedWrapper,
    html.csb-native-android body.csb-coin-quicknav-page #exchangeMarketsWrapper,
    html.csb-native-android body.csb-coin-quicknav-page #sent-sec-trend,
    html.csb-native-android body.csb-coin-quicknav-page #sent-sec-fomofud,
    html.csb-native-android body.csb-coin-quicknav-page #viral-etki-ozeti,
    html.csb-native-android body.csb-coin-quicknav-page #sent-sec-insight {
        scroll-margin-top: calc(var(--csb-quick-nav-h, 42px) + 8px);
    }
}

@media (min-width: 1024px) {
    .csb-sticky-tabbar-shell {
        display: none !important;
    }
}