/* src/main/resources/static/css/navbar.css */

/* 데스크톱(≥992px)에서만 호버로 드롭다운 표시 */
@media (min-width: 992px) {
  .dropdown:hover > .dropdown-menu {
    display: block;
    margin-top: 0;
  }
  .dropdown:focus-within > .dropdown-menu {
    display: block;
  }
}

/* 드롭다운 가독성 살짝 개선 */
.dropdown-menu {
  border-radius: 0.75rem;
  border: 0;
}
.dropdown-item {
  padding: 0.6rem 1rem;
}

/* 햄버거 버튼 테두리 제거 */
.navbar-toggler {
  border: none;
}
.navbar-toggler:focus {
  box-shadow: none;
}

/* 화면이 작아졌을 때 (메뉴가 햄버거 안으로 들어갔을 때) */
@media (max-width: 991.98px) {
  /* 메뉴 항목들 사이의 간격을 조절 */
  .navbar-collapse .d-lg-flex {
    width: 100%;
    padding-top: 1rem; /* 햄버거 버튼과의 간격 */
  }
  
  /* 드롭다운 메뉴를 일반 링크처럼 보이게 */
  .navbar-collapse .dropdown .nav-link.dropdown-toggle {
    display: flex;
    justify-content: space-between; /* 텍스트와 화살표를 양쪽 끝으로 분리 */
    align-items: center;
    width: 100%;
    padding-left: 0; /* 왼쪽 여백 제거 */
  }
  .navbar-collapse .dropdown-menu {
    border: none;
    box-shadow: none;
    padding-left: 1rem; /* 들여쓰기 효과 */
  }
  .navbar-collapse .dropdown-item {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
  }
  
  /* 로그인/내 정보 버튼을 메뉴 항목처럼 보이게 */
  .navbar-collapse .login-btn { /* 이 부분은 네 코드에 맞게 수정 필요할 수 있음 */
    width: 100%;
    margin-top: 0.5rem;
    text-align: left;
    background: none !important;
    color: var(--bs-nav-link-color) !important;
    font-weight: 500;
    padding-left: 0;
  }
  .navbar-collapse .login-btn:hover {
    color: var(--bs-nav-link-hover-color) !important;
  }
}

/* 🚨 이전에 추가했던 #navbar.position-fixed 스타일은 여기서 완전히 삭제됨 */