/* [mlm_lookup_search] 검색창 — 입력칸 + 조회 버튼.
   조회 위젯(lookup.css)과 별개로, 이 파일만 불러온다.
   사이트가 회색 다크모드 고정이라 색을 직접 지정한다.
   GeneratePress 의 input[type="search"]·button 규칙보다 우선하도록
   선택자에 폼 클래스를 앞에 붙인다. */

.mlm-lookup-search {
  display: flex;
  gap: 6px;
  width: 100%;
  max-width: 100%;
  margin: 0;
  box-sizing: border-box;
}

.mlm-lookup-search__label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.mlm-lookup-search .mlm-lookup-search__input[type="search"] {
  flex: 1 1 auto;
  min-width: 0;
  box-sizing: border-box;
  height: 42px;
  margin: 0;
  padding: 0 12px;
  font: inherit;
  font-size: 16px; /* iOS 자동 확대 방지 */
  color: #f2f2f2;
  background: #3a3a3a;
  border: 1px solid #767676; /* 글 영역 #2a2a2a 대비 3:1 이상 */
  border-radius: 6px;
  -webkit-appearance: none;
  appearance: none;
}

.mlm-lookup-search .mlm-lookup-search__input[type="search"]::placeholder {
  color: #b5b5b5;
  opacity: 1;
}

.mlm-lookup-search .mlm-lookup-search__input[type="search"]:focus {
  color: #f2f2f2;
  background: #3a3a3a;
  border-color: #6cb4ff;
  outline: 2px solid #6cb4ff;
  outline-offset: 1px;
}

.mlm-lookup-search .mlm-lookup-search__button {
  flex: 0 0 auto;
  box-sizing: border-box;
  height: 42px;
  margin: 0;
  padding: 0 16px;
  font: inherit;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  color: #1f1f1f; /* #6cb4ff 위 흰 글자는 대비가 모자라 어두운 글자를 쓴다 */
  background: #6cb4ff;
  border: 0;
  border-radius: 6px;
  cursor: pointer;
}

.mlm-lookup-search .mlm-lookup-search__button:hover,
.mlm-lookup-search .mlm-lookup-search__button:focus {
  color: #1f1f1f;
  background: #8cc5ff;
}

.mlm-lookup-search .mlm-lookup-search__button:focus-visible {
  outline: 2px solid #f2f2f2;
  outline-offset: 2px;
}