/**
 * Mobil üst navbar — logo solda, hamburger sağda
 */
@media (max-width: 991px) {
    .top-nav {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 8px;
        padding:
            calc(8px + env(safe-area-inset-top, 0px))
            max(10px, env(safe-area-inset-right, 0px))
            10px
            max(12px, env(safe-area-inset-left, 0px)) !important;
    }

    .top-nav__brand {
        order: 0;
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: auto;
        min-width: 0;
        min-height: 44px;
        margin: 0;
        padding: 4px 2px;
        border: none;
        border-radius: 0;
        background: transparent;
        overflow: visible;
        cursor: pointer;
        z-index: 9630 !important;
        pointer-events: auto !important;
        -webkit-tap-highlight-color: transparent;
        box-shadow: none;
        overflow: visible;
    }

    /* Oval logo — sidebar-brand.css */
    .top-nav__brand .brand-logo-oval--nav {
        --brand-oval-w: 72px;
    }

    .top-nav__brand-img {
        pointer-events: none;
    }

    .top-nav__brand:active {
        background: transparent;
        opacity: 0.88;
    }

    body.mobile-menu-open .top-nav__brand {
        opacity: 0.35;
        pointer-events: none !important;
    }

    /* Eski sabit logo butonu */
    body > .m-menu-logo {
        display: none !important;
    }

    #menu-toggle {
        order: 2;
        margin-left: auto;
    }

    .menu-button-container {
        order: 3;
        margin-left: 0 !important;
        position: fixed !important;
        top: calc(env(safe-area-inset-top, 0px) + 10px) !important;
        right: max(10px, env(safe-area-inset-right, 0px)) !important;
    }

    .top-nav > a[href*="basket"] {
        order: 1;
        margin-left: auto;
        margin-right: 108px;
        color: #e8edf2;
        font-size: 0.9rem;
        font-weight: 600;
    }

    body.light-mode .top-nav > a[href*="basket"] {
        color: var(--lt-text-secondary, #334155);
    }
}

@media (max-width: 576px) {
    .top-nav__brand .brand-logo-oval--nav {
        --brand-oval-w: 66px;
    }
}

@media (min-width: 992px) {
    .top-nav__brand {
        display: none !important;
    }
}