/* ======================================================
   SEARCH BAR (fragment: search)  — scoped to .bodySearch
   ====================================================== */

/* 상위 overflow 잘림 방지 + z-index */
.bodySearch,
.bodySearch .navbar,
.bodySearch .container-fluid,
.bodySearch form,
.bodySearch .col-12,
.bodySearch .position-relative{
  overflow: visible !important;
}

.bodySearch{
  position: relative;
  z-index: 30;
}

/* navbar */
.bodySearch .navbar{
  border-bottom: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 8px 18px rgba(0,0,0,.06);
}

/* form 정렬 */
.bodySearch form.row{
  margin: 0;
}

/* 입력창 */
.bodySearch #qInput.form-control{
  height: 44px;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.12);
  background: #fff;
  padding: 10px 12px;
  font-weight: 700;
  letter-spacing: .1px;
  box-shadow: none;
}

.bodySearch #qInput.form-control:focus{
  border-color: rgba(13,110,253,.45);
  box-shadow: 0 0 0 .22rem rgba(13,110,253,.12);
}

/* 제안 목록 */
.bodySearch #qSuggest{
  display: none;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.10);
  background: #fff;
  overflow: hidden;
  z-index: 2000 !important;
  max-height: 260px;
}

.bodySearch #qSuggest.show{
  display: block !important;
}

.bodySearch #qSuggest .list-group-item{
  border: 0;
  border-bottom: 1px solid rgba(0,0,0,.06);
  padding: 10px 12px;
  cursor: pointer;
  font-weight: 700;
}

.bodySearch #qSuggest .list-group-item:last-child{
  border-bottom: 0;
}

.bodySearch #qSuggest .list-group-item:hover,
.bodySearch #qSuggest .list-group-item.active{
  background: rgba(13,110,253,.08);
}

/* 드롭다운 */
.bodySearch #categoryDropdown .btn{
  height: 44px;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.12);
  background: #fff;
  font-weight: 800;
  box-shadow: none;
}

.bodySearch #categoryDropdown .btn:hover{
  background: rgba(13,110,253,.04);
}

.bodySearch #categoryDropdown .dropdown-menu{
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.10);
  box-shadow: 0 18px 50px rgba(0,0,0,.12);
  padding: 8px;
}

.bodySearch #categoryDropdown .dropdown-item{
  border-radius: 12px;
  padding: 10px 10px;
  font-weight: 800;
}

.bodySearch #categoryDropdown .dropdown-item:hover{
  background: rgba(13,110,253,.08);
}

/* Search 버튼 */
.bodySearch button.btn.btn-primary{
  height: 44px;
  border-radius: 14px;
  font-weight: 900;
  letter-spacing: .2px;
  box-shadow: 0 10px 24px rgba(13,110,253,.18);
}

/* 모바일 */
@media (max-width: 991.98px){
  .bodySearch .container-fluid{
    padding: 10px 12px !important;
  }
  .bodySearch #categoryDropdown .btn,
  .bodySearch button.btn.btn-primary{
    width: 100%;
  }
  .bodySearch .col-auto{
    width: 100%;
  }
}

/* 메시지 */
.bodySearch .msg{
  font-weight: 800;
  font-size: 13px;
  margin-top: 10px !important;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(220,53,69,.08);
  border: 1px solid rgba(220,53,69,.18);
}

/* 아이콘 */
.bodySearch #selectedIcon{
  font-size: 16px;
  opacity: .85;
}

/* ======================================================
   FIX: 전역 .btn 오버라이드로 인해 search 버튼이 하얗게 보임
   (범위: .bodySearch 안에서만 Bootstrap 버튼 색 복구)
   ====================================================== */

.bodySearch .btn.btn-light{
  background-color:#f8f9fa !important;
  border-color:#dee2e6 !important;
  color:#212529 !important;
}

.bodySearch .btn.btn-primary{
  background-color:#0d6efd !important;
  border-color:#0d6efd !important;
  color:#ffffff !important;
}

.bodySearch .btn.btn-light:hover{
  background-color:#e9ecef !important;
  border-color:#dee2e6 !important;
  color:#212529 !important;
}

.bodySearch .btn.btn-primary:hover{
  background-color:#0b5ed7 !important;
  border-color:#0a58ca !important;
  color:#ffffff !important;
}

.bodySearch .btn.btn-primary:focus,
.bodySearch .btn.btn-light:focus{
  box-shadow:0 0 0 .25rem rgba(13,110,253,.18) !important;
}

.bodySearch #selectedIcon,
.bodySearch #selectedOption{
  color: inherit !important;
}