/* ===================================================================
   서브 페이지용 네비게이션 스타일
   처음부터 메인 페이지의 "스크롤된 상태" 스타일 적용
   =================================================================== */

/* 
   서브 페이지(수수카페 등)에서는 
   HTML에 <nav id="navbar" class="scrolled">로 이미 .scrolled 클래스가 있지만,
   스크롤을 맨 위로 올렸을 때 JavaScript가 클래스를 제거할 수 있으므로
   !important로 강제 적용합니다.
*/

/* 서브 페이지에서는 항상 스크롤된 상태 유지 */
body.subpage #navbar {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(10px) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
}

body.subpage .logo {
    color: #0a0a0a !important;
}

body.subpage .nav-link {
    color: #0a0a0a !important;
}

body.subpage .login-btn {
    background: #0a0a0a !important;
    color: white !important;
    border-color: #0a0a0a !important;
}

body.subpage .login-btn:hover {
    background: #262626 !important;
}

body.subpage .user-name {
    color: #0a0a0a !important;
}

body.subpage .logout-btn {
    background: transparent !important;
    color: #0a0a0a !important;
    border-color: #0a0a0a !important;
}

body.subpage .logout-btn:hover {
    background: #f5f5f5 !important;
}

body.subpage .mobile-menu-btn span {
    background: #0a0a0a !important;
}