/* ===================================
   Apple Style Navbar
=================================== */


.museum-navbar {


    position:fixed;

    top:0;

    left:0;

    width:100%;

    height:70px;

    background:#fff;

    border-bottom:1px solid #e5e5e5;

    z-index:999;


}



.navbar-container {


    max-width:1280px;

    height:70px;

    margin:auto;


    display:grid;

    grid-template-columns:1fr auto 1fr;

    align-items:center;


}



/* Left */

.navbar-left {


    display:flex;

    justify-content:flex-start;


}



.brand-logo {


    font-size:22px;

    font-weight:600;

    color:#000;

    text-decoration:none;


}



/* =================================
   Navbar Container
================================= */


.navbar-container {


    width:100%;


    max-width:1400px;


    margin:0 auto;


    padding:0 40px;


    display:flex;


    align-items:center;


    justify-content:space-between;


}






/* =================================
   Center Menu
================================= */


.navbar-center {


    flex:1;


    display:flex;


    justify-content:center;


}



.navbar-menu {


    display:flex;


    align-items:center;


    gap:50px;


    list-style:none;


    margin:0;


    padding:0;


}



.navbar-menu li {


    display:flex;


    align-items:center;


}



.navbar-menu a {


    text-decoration:none;


    color:#000;


    font-size:15px;


    font-weight:500;


    white-space:nowrap;


    transition:.3s;


}



.navbar-menu a:hover {


    opacity:.5;


}





/* =================================
   Right Login Area
================================= */


.navbar-right {


    display:flex;


    align-items:center;


    justify-content:flex-end;


    gap:20px;


    min-width:180px;


}


/* =================================
   Right Authentication Area
================================= */


.navbar-right {


    display:flex;


    align-items:center;


    justify-content:flex-end;


    gap:25px;


    min-width:220px;


    white-space:nowrap;


}





/* User Name */


.user-name {


    color:#000;


    font-size:15px;


    font-weight:500;


}





/* Login */


.login-btn {


    color:#000;


    text-decoration:none;


    font-size:15px;


    font-weight:500;


    padding:10px 5px;


}





/* Register */


.register-btn {


    color:#fff;


    background:#000;


    text-decoration:none;


    font-size:15px;


    font-weight:500;


    padding:10px 24px;


    border-radius:30px;


}





/* Admin Button */


.admin-btn {


    color:#000;


    background:#fff;


    border:1px solid #000;


    text-decoration:none;


    font-size:14px;


    padding:9px 20px;


    border-radius:30px;


}





/* Logout */


.logout-btn {


    color:#fff;


    background:#000;


    text-decoration:none;


    font-size:14px;


    padding:10px 22px;


    border-radius:30px;


}






/* Hover */


.login-btn:hover,
.register-btn:hover,
.admin-btn:hover,
.logout-btn:hover {


    opacity:.6;


}

/* =================================
   VIP / ADMIN NAVBAR SPACING
================================= */


/* 오른쪽 로그인 영역 간격 */

.navbar-right {

    display:flex;

    align-items:center;

    gap:20px;

    margin-left:40px;

}



/* 관리자 이름 */

.user-name {

    white-space:nowrap;

}



/* 예약조회 / 관리자 / 로그아웃 버튼 */

.reservation-btn,
.admin-btn,
.logout-btn {

    white-space:nowrap;

}



/* 중앙 메뉴와 오른쪽 영역 충돌 방지 */

.navbar-container {

    gap:40px;

}


.navbar-menu {

    gap:25px;

}