@media (max-width: 991.98px) {

    /* Mevcut header navbar'ı mobile’da tamamen devre dışı bırak */
    .app-navbar-wrapper,
    #kt_app_header_navbar {
        display: none !important;
    }

    /* Bottom nav container */
    #mobileBottomNav {
        position: fixed !important;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 60px;              /* biraz daha kısa */
        background: var(--bs-body-bg);
        border-top: 1px solid var(--bs-border-color);
        z-index: 1055;
        backdrop-filter: blur(6px);
    }

    /* İç wrapper */
    #mobileBottomNav .d-flex.w-100 {
        gap: 6px;                  /* ikonlar arası boşluk */
        padding: 0 6px;
    }

    /* Her bir item (buton) */
    #mobileBottomNav .btn {
        width: 42px;               /* DAHA DAR */
        height: 42px;
        min-width: 42px;
        border-radius: 12px;       /* yuvarlak değil, modern rounded */
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* İkonları daha bold yap */
    #mobileBottomNav i {
        font-size: 1.35rem;        /* biraz büyüt */
        -webkit-text-stroke: 0.4px; /* daha keskin görünüm */
    }

    /* Badge'lerin konumunu daha temiz yap */
    #mobileBottomNav .badge {
        font-size: 0.65rem;
        padding: 0.25em 0.45em;
    }

    /* Sayfa içeriği bottom nav’a gömülmesin */
    .app-page {
        padding-bottom: 68px;
    }
}
@media (max-width: 991.98px) {

    /* Bottom sheet container - theme safe */
    .mobile-bottom-sheet {
        border-radius: 16px 16px 0 0;
        border: none;
        min-height: 40vh;
        background: var(--bs-body-bg);
        color: var(--bs-body-color);
    }

    #mobileProfileSheet .modal-dialog {
        margin: 0;
        position: fixed;
        bottom: 0;
        width: 100%;
        transform: translateY(100%);
        transition: transform 0.25s ease-out;
    }

    #mobileProfileSheet.show .modal-dialog {
        transform: translateY(0);
    }

    /* Draggable handle - visible in both themes */
    .bottom-sheet-handle {
        display: inline-block;
        width: 50px;
        height: 5px;
        border-radius: 10px;
        background: var(--bs-secondary-color);
        opacity: 0.7;
    }

    /* List group should respect theme */
    #mobileProfileSheet .list-group-item {
        background: transparent;
        color: var(--bs-body-color);
        border-color: var(--bs-border-color);
    }

    #mobileProfileSheet .list-group-item:hover,
    #mobileProfileSheet .list-group-item:active {
        background: var(--bs-tertiary-bg);
    }

    /* Theme mode collapse area */
    #mobileThemeMode {
        background: var(--bs-tertiary-bg);
        border-radius: 10px;
        margin-top: 6px;
    }

    #mobileThemeMode a {
        color: var(--bs-body-color);
        text-decoration: none;
    }

    #mobileThemeMode a.active {
        font-weight: 600;
    }

    /* Logout button - softer in dark mode */
    #mobileProfileSheet .btn-outline-danger {
        border-color: var(--bs-danger);
        color: var(--bs-danger);
    }

    #mobileProfileSheet .btn-outline-danger:hover {
        background: rgba(var(--bs-danger-rgb), 0.1);
    }

    #mobileProfileSheet .modal-backdrop.show {
        opacity: 0.4;
    }
}