/* -----------------------------
   상단 메뉴바 (Navbar) 스타일
------------------------------ */

/* 상단 메뉴 바 배경 */
.navbar, .navbar.bg-body-tertiary {
  background-color: black !important;  /* 검은색 */
}

/* 메뉴 기본 글자 색상 */
.navbar a, 
.navbar-brand, 
.navbar-nav .nav-link,
.navbar .nav-item .nav-link {
  color: #ffffff !important;            /* 흰색 */
}

/* 마우스 올렸을 때 / 활성화된 메뉴 항목 */
.navbar a:hover, 
.navbar-nav .nav-link.active, 
.navbar-nav .nav-link:focus {
  color: #ffff00 !important;            /* 노란색 (gold) */
}

/* -----------------------------
   하위 드롭다운 메뉴 스타일
------------------------------ */

/* 드롭다운 메뉴 배경 파랑 */
.dropdown-menu {
  background-color: #007BFF !important;  /* Bootstrap 파랑 */
  border: none;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);  /* 부드러운 그림자 */
}

/* 드롭다운 항목 텍스트 흰색 */
.dropdown-menu a {
  color: #ffffff !important;
  padding: 8px 16px;
}

/* 드롭다운 항목 마우스 올렸을 때 진한 파랑 */
.dropdown-menu a:hover {
  background-color: #0056b3 !important;
}

/* 메뉴 항목에 마우스를 올리면 드롭다운 메뉴가 바로 나타남 */
.nav-item.dropdown:hover .dropdown-menu {
  display: block !important;
  margin-top: 0; /* 약간 위로 붙게 조절 */
}

/* 모바일 메뉴에서 자동으로 열리는 것 방지 */
@media (max-width: 991.98px) {
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: static;
    float: none;
  }
}