/* OJE ZERO SUBSCRIPTION SEARCH REFERENCE */
/* DEV only - scoped to five selected pages */

body.oje-zero-search-reference .header-search {
  position: relative !important;
  z-index: 2100 !important;
  overflow: visible !important;
}

body.oje-zero-search-reference .top-header {
  overflow: visible !important;
}

body.oje-zero-search-reference .search-suggestions {
  position: absolute !important;
  top: calc(100% + 6px) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  min-width: 100% !important;
  padding: 6px 0 !important;
  z-index: 9999 !important;
  border: 1px solid #e4e7ec !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.08) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

body.oje-zero-search-reference .search-suggestions[hidden] {
  display: none !important;
}

body.oje-zero-search-reference .search-suggestion-item {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  min-height: 53px !important;
  padding: 8px 14px !important;
  border: 0 !important;
  background: #fff !important;
  text-align: left !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
}

body.oje-zero-search-reference .search-suggestion-item:hover,
body.oje-zero-search-reference .search-suggestion-item:focus {
  background: #f8fafc !important;
}

body.oje-zero-search-reference .search-suggestion-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 26px !important;
  width: 26px !important;
  height: 26px !important;
  border-radius: 50% !important;
  color: #98a2b3 !important;
  background: #f2f4f7 !important;
  font-size: 14px !important;
}

body.oje-zero-search-reference .search-suggestion-item strong {
  display: block !important;
  color: #101828 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
}

body.oje-zero-search-reference .search-suggestion-item small {
  display: block !important;
  margin-top: 3px !important;
  color: #98a2b3 !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
}


/* OJE ZERO REFERENCE HEIGHT FIX */

/* 메인페이지: 드롭다운 상하 여백 1px씩 보정 */
body.home-page:not(.ai-subscription-guide-page)
.oje-zero-search-reference.search-suggestions {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

/* AI 가이드: 결과 항목 높이 53px */
body.ai-subscription-guide-page.oje-zero-search-reference
.search-suggestion-item {
  height: 53px !important;
  min-height: 53px !important;
  max-height: 53px !important;
  box-sizing: border-box !important;
}

/* OJE ZERO DROPDOWN FINAL 2PX FIX */
/* Main and AI guide only */
body.oje-zero-search-reference.home-page .search-suggestions {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

/* ===== DEV MAIN SEARCH DROPDOWN LAYER FIX ===== */
/* 메인페이지 검색 드롭다운을 상단 메뉴보다 위에 표시 */

body.home-page:not(.ai-subscription-guide-page)
.top-header {
  position: relative !important;
  z-index: 5000 !important;
  overflow: visible !important;
}

body.home-page:not(.ai-subscription-guide-page)
.header-search {
  position: relative !important;
  z-index: 5100 !important;
  overflow: visible !important;
}

body.home-page:not(.ai-subscription-guide-page)
.search-suggestions {
  z-index: 9999 !important;
}