/**
 * Mobil / tablet — sağdan sola tam ekran çekmece
 */

.mobile-account-menu-overlay {
    display: none;
}

@media (max-width: 1024px) {
    /* main.css .user-menu-container kurallarını geçersiz kıl */
    #userMenuContainer.user-menu-container,
    #userMenuContainer.user-menu-container.show {
        position: fixed !important;
        top: 0 !important;
        left: auto !important;
        right: 0 !important;
        bottom: 0 !important;
        width: min(440px, 100%) !important;
        max-width: 100% !important;
        height: 100dvh !important;
        height: 100svh !important;
        max-height: 100dvh !important;
        max-height: 100svh !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        z-index: 2147483040 !important;
        border-radius: 18px 0 0 18px !important;
        overflow: hidden !important;
        display: flex !important;
        flex-direction: column !important;
        background: #141518 !important;
        border: none !important;
        border-left: 1px solid rgba(255, 255, 255, 0.08) !important;
        box-shadow: -10px 0 36px rgba(0, 0, 0, 0.5) !important;
        pointer-events: none !important;
        visibility: hidden !important;
        opacity: 1 !important;
        transform: translate3d(105%, 0, 0) !important;
        transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1), visibility 0.32s ease !important;
        will-change: transform;
    }

    #userMenuContainer.user-menu-container.show,
    #userMenuContainer.user-menu-container.mobile-account-open {
        visibility: visible !important;
        pointer-events: auto !important;
        transform: translate3d(0, 0, 0) !important;
    }

    .mobile-account-menu-overlay {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 2147483035;
        background: rgba(0, 0, 0, 0.72);
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.28s ease;
    }

    .mobile-account-menu-overlay.is-open {
        opacity: 1;
        pointer-events: auto;
    }

    html.mobile-account-menu-open,
    body.mobile-account-menu-open {
        overflow: hidden !important;
        height: 100%;
        overscroll-behavior: none;
        padding-bottom: 0 !important;
    }

    #userMenuContainer.user-menu-container .user-menu-scroll {
        overflow-x: hidden !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
        touch-action: pan-y;
    }
}

/* Küçük telefon — neredeyse tam genişlik */
@media (max-width: 480px) {
    #userMenuContainer.user-menu-container,
    #userMenuContainer.user-menu-container.show {
        width: 100% !important;
        max-width: 100% !important;
        border-radius: 0 !important;
    }
}

@media (min-width: 600px) and (max-width: 1024px) {
    #userMenuContainer.user-menu-container,
    #userMenuContainer.user-menu-container.show {
        width: min(440px, 100%) !important;
        max-width: 100% !important;
    }
}

@media (min-width: 1025px) {
    #userMenuContainer.user-menu-container:not(.yer6-in-drawer-slot) {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }
}