/**
 * 커스텀 로그인 UI 강제 적용
 * Bootstrap 드롭다운 방지
 */

/* 드롭다운 메뉴 초기 상태: 투명하게 숨김 (FOUC 방지) */
/* 단, 로그인 상태가 아닐 때만 숨김 */
#header-signin .dropdown-menu:not(.loaded),
#header-signin-dropdown:not(.loaded):not(:hover) {
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 0.3s ease, visibility 0.3s ease !important;
    pointer-events: none !important;
}

/* JavaScript 로드 완료 후 또는 hover 시 표시 */
#header-signin-dropdown.loaded,
#header-signin.open #header-signin-dropdown,
#header-signin-dropdown:hover {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    display: block !important;
}

/* 드롭다운 토글 비활성화 */
#header-signin.dropdown.open .dropdown-menu {
    display: none !important;
}

/* caret(화살표) 숨김 */
#header-signin .caret {
    display: none !important;
}

/* 로그인 링크 스타일 */
#header-signin-link {
    color: #fff !important;
    text-decoration: none !important;
    padding: 15px 10px !important;
    display: inline-block !important;
}

#header-signin-link:hover {
    background: rgba(255,255,255,0.1) !important;
    text-decoration: none !important;
}

/* 로그아웃 버튼 스타일 */
.logout-btn {
    color: #fff !important;
    text-decoration: none !important;
    padding: 15px 10px !important;
    display: inline-block !important;
    margin-left: 12px !important;
}

.logout-btn:hover {
    background: rgba(255,255,255,0.1) !important;
    text-decoration: none !important;
}

/* Bootstrap 드롭다운 이벤트 차단 */
#header-signin.dropdown > a[data-toggle="dropdown"] {
    pointer-events: none !important;
}

#header-signin.dropdown > a[data-toggle="dropdown"]::after {
    display: none !important;
}

/* ===== 드롭다운 메뉴 글자색 수정 및 위치 조정 ===== */
#header-signin-dropdown {
    margin-top: 15px !important;
    padding-top: 15px !important;
    top: 100% !important;
}

#header-signin-dropdown,
#header-signin-dropdown p,
#header-signin-dropdown .title,
#header-signin-dropdown a,
#header-signin-dropdown button {
    color: #000 !important;
}

#header-signin-dropdown .btn-primary {
    color: #000 !important;
}

#header-signin-dropdown .btn-default {
    color: #000 !important;
}

/* 드롭다운 메뉴 리스트 항목 */
#header-signin-dropdown ul {
    margin-top: 0 !important;
    padding-top: 10px !important;
}

#header-signin-dropdown ul li {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}