/* --- 멤버 전용 메뉴 버튼 공통 스타일 --- */

@media (min-width: 769px) {
    /* 메뉴 전체 가로 정렬 */
    .main-navigation .main-nav ul {
        display: flex;
        align-items: center;
    }

    /* 모든 멤버 버튼 공통 간격 (클래스 시작이 member- 인 모든 li) */
    .main-navigation .main-nav ul li[class*="member-"] {
        margin-left: 12px !important;
    }

    /* 모든 멤버 버튼 공통 베이스 디자인 */
    .main-navigation .main-nav ul li[class*="member-"] a {
        padding: 9px 20px !important;
        border-radius: 50px !important; /* 캡슐형 */
        font-size: 14px !important;
        font-weight: 600 !important;
        line-height: 1 !important;
        letter-spacing: -0.2px !important;
        transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
        display: flex !important;
        align-items: center;
        text-decoration: none !important;
    }

    /* 1. 레지스터(회원가입) 버튼: 테마색으로 꽉 채움 */
    .main-navigation .main-nav ul li.member-register-item a {
        background-color: var(--global-color-8) !important;
        border: 1.5px solid var(--global-color-8) !important;
        color: #ffffff !important;
        box-shadow: 0 4px 10px rgba(25, 46, 86, 0.2) !important;
    }

    .main-navigation .main-nav ul li.member-register-item a:hover {
        background-color: #3f4047 !important;
        border-color: #3f4047 !important;
        color: #ffffff !important;
        transform: translateY(-1px);
    }

    /* 2. 일반 멤버 메뉴 버튼 (Account, Licenses 등) 및 활성화(Active) 상태 */
    .main-navigation .main-nav ul li.member-menu-item a {
        background-color: transparent !important;
        border: 1.5px solid var(--global-color-8) !important;
        color: var(--global-color-8) !important;
        box-shadow: 0 2px 4px rgba(0,0,0,0.02) !important;
    }

    /* 호버 시 혹은 현재 페이지일 때(Active) 배경색 채움 */
    .main-navigation .main-nav ul li.member-menu-item a:hover,
    .main-navigation .main-nav ul li.member-menu-item.current-menu-item a,
    .main-navigation .main-nav ul li.member-menu-item.current_page_item a {
        background-color: var(--global-color-8) !important;
        color: #ffffff !important;
        transform: translateY(-1px);
        box-shadow: 0 4px 8px rgba(25, 46, 86, 0.15) !important;
    }

    /* 3. 로그아웃 버튼: 차분한 중간 회색 테두리 */
    .main-navigation .main-nav ul li.member-logout-item a {
        background-color: transparent !important;
        border: 1.5px solid #bbb !important;
        color: #777 !important;
    }

    .main-navigation .main-nav ul li.member-logout-item a:hover {
        background-color: #777 !important;
        border-color: #777 !important;
        color: #ffffff !important;
        transform: translateY(-1px);
    }
}

/* --- 모바일 대응 --- */
@media (max-width: 768px) {
    .main-navigation .main-nav ul li[class*="member-"] a {
        padding: 12px 20px !important;
        font-size: 15px !important;
        margin: 5px 0 !important;
        justify-content: center;
        border-radius: 50px !important;
    }
    
    /* 모바일에서 현재 페이지 강조 */
    .main-navigation .main-nav ul li.current-menu-item a {
        background-color: rgba(25, 46, 86, 0.05) !important;
        color: var(--global-color-8) !important;
        font-weight: 700 !important;
    }
}

/* --- Ultimate Member 약관 박스 스크롤 (기존 유지) --- */
.um-gdpr-content {
    max-height: 400px;
    overflow-y: auto !important;
    padding: 15px;
    border: 1px solid #dcdcdc;
    background-color: #f9f9f9;
    margin-top: 10px;
    border-radius: 4px;
}

.um-gdpr-content::-webkit-scrollbar {
    width: 8px;
}
.um-gdpr-content::-webkit-scrollbar-thumb {
    background: #ccc; 
    border-radius: 4px;
}
.um-gdpr-content::-webkit-scrollbar-thumb:hover {
    background: #bbb;
}