/* 📄 _navbar.css */

/* 기본 바 */
.navbar {
  width: 100%;
  height: 50px;
  background: #fff;
  border-bottom: 1px solid #eee;
  box-shadow: 0 2px 6px rgba(0,0,0,.05);
  font-family: 'SUITE', sans-serif;
  z-index: 1050;
  margin: 0 !important;
  padding: 0 !important;
}

/* 컨테이너 정렬 */
.navbar .container-fluid {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  padding: 0 .75rem;
  min-height: 50px;
}

/* 토글 버튼 */
.navbar-toggler { cursor: pointer; }
.navbar-light .navbar-toggler { border-color: rgba(0,0,0,.15); }
.navbar-dark  .navbar-toggler { border-color: rgba(255,255,255,.35); }

/* 햄버거 아이콘(라이트/다크) */
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0,0,0,.65)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255,255,255,.85)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* 접힘 영역: 기본은 Bootstrap의 .collapse 규칙 사용
   (여기서 display를 강제하지 않음) */
.navbar .navbar-collapse {
  flex: 1 1 auto;
}

/* 우측 정렬 메뉴 */
.navbar-nav.ms-auto {
  margin-left: auto !important;
  margin-right: 50px;
}

/* 링크 */
.nav-link {
  color: #222 !important;
  font-weight: 500;
  font-size: 1.1rem;
  transition: color .2s;
}
.nav-link:hover,
.nav-link.active { color: #ff6a6a !important; }

/* 로고 */
.logo { display: flex; align-items: center; margin-right: .5rem; }

/* 데스크톱(확장 시) */
@media (min-width: 992px) {
  /* 확장 환경에서만 flex 강제 */
  .navbar .navbar-collapse {
    display: flex !important;
    align-items: center;
  }
}

/* 모바일(접힘 상태) */
@media (max-width: 991.98px) {
    .navbar .navbar-collapse {
    width: 100%;
    padding: .5rem 0;
    }
    .navbar .navbar-collapse.show {
    display: block; /* 보여질 때 세로 스택 */
    }
    .navbar .navbar-nav {
    flex-direction: column;
    }
    .navbar-nav.ms-auto {
    margin-left: 0 !important;
    margin-right: 0;
    }
    .navbar .nav-link {
    font-size: .95rem;
    padding: .5rem 0;
    }

    /* 메뉴 오른쪽 정렬 */
    .navbar .navbar-nav {
        flex-direction: column;
        gap: .25rem;
        align-items: flex-end;
    }

    .navbar .nav-link {
        font-size: .95rem;
        padding: .5rem 0;
        width: 100%;
        text-align: right;
    }

    .navbar-nav.ms-auto {
        margin-left: 0 !important;
        margin-right: 0;
    }
}