/**
 * 修复登录状态UI问题的CSS
 */

/* 确保登录和注册按钮在用户头像显示时完全隐藏 */
.user-profile[style*="display: flex"] ~ #loginBtn,
.user-profile[style*="display: flex"] ~ #registerBtn,
.user-actions #loginBtn[data-hidden-by-login="true"],
.user-actions #registerBtn[data-hidden-by-login="true"] {
    display: none !important;
}

/* 确保用户头像在未登录时完全隐藏 */
.user-profile[style*="display: none"] {
    display: none !important;
}

/* 直接针对特殊页面（主页和搜索页）的特殊布局 */
.user-actions {
    display: flex;
    align-items: center;
}

/* 当用户头像显示时，隐藏同级的登录和注册按钮 */
.user-actions .user-profile[style*="display: flex"] {
    display: flex !important;
}

.user-actions .user-profile[style*="display: flex"] ~ #loginBtn,
.user-actions .user-profile[style*="display: flex"] ~ #registerBtn {
    display: none !important;
}

/* 当用户头像隐藏时，显示同级的登录和注册按钮 */
.user-actions .user-profile[style*="display: none"] ~ #loginBtn,
.user-actions .user-profile[style*="display: none"] ~ #registerBtn {
    display: inline-block !important;
}

/* 特别针对搜索页面的样式 */
body.search-page .user-actions .user-profile[style*="display: flex"] ~ #loginBtn,
body.search-page .user-actions .user-profile[style*="display: flex"] ~ #registerBtn {
    display: none !important;
}

body.search-page .user-actions .user-profile[style*="display: none"] ~ #loginBtn,
body.search-page .user-actions .user-profile[style*="display: none"] ~ #registerBtn {
    display: inline-block !important;
}