/* 모바일 메뉴 개선 스타일 */
/* 내구매내역 페이지의 자연스러운 스크롤 적용 */

#mobile-menu {
    display: none !important;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: calc(100vh - 120px); /* 화면 높이 - 헤더 높이 */
    overflow-y: auto; /* 스크롤 가능 */
    overflow-x: hidden; /* 가로 스크롤 방지 */
    background-color: #f9fafb;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 40;
    opacity: 0;
    transform: translateY(-10px);
    transition: all 0.3s ease-in-out;
    -webkit-overflow-scrolling: touch; /* iOS 부드러운 스크롤 */
}

#mobile-menu.mobile-menu-open {
    display: block !important;
    opacity: 1 !important;
    transform: translateY(0) !important;
}

/* 모바일 메뉴 내부 여백 */
#mobile-menu > div {
    padding-bottom: 1rem;
}

/* 모바일 메뉴 링크 및 버튼 */
#mobile-menu a,
#mobile-menu button {
    width: 100%;
    box-sizing: border-box;
}

/* 로그아웃 버튼 */
#logout-btn-mobile {
    background: none;
    border: none;
    cursor: pointer;
    font-size: inherit;
    font-family: inherit;
}

/* 태블릿/데스크톱에서는 완전히 숨김 */
@media (min-width: 768px) {
    #mobile-menu {
        display: none !important;
    }
}

/* 모바일 메뉴 스크롤바 스타일링 (선택사항) */
#mobile-menu::-webkit-scrollbar {
    width: 6px;
}

#mobile-menu::-webkit-scrollbar-track {
    background: #f1f1f1;
}

#mobile-menu::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 3px;
}

#mobile-menu::-webkit-scrollbar-thumb:hover {
    background: #555;
}