/* ==========================================================================
   [최종 완성] 라이믹스 다중검색 통합 스타일시트 (미설정 시 순정 색상 완벽 복원)
   ========================================================================== */

/* 1. 전체 베이스 레이아웃 */
.ap_extra_search.bd_wrt_main {
    margin: 8px auto 12px auto;
    max-width: 862px;
    width: 100%;
    padding: 0;
    background: #ffffff !important;
    border: none !important;
    border-bottom: 2px solid #111111;
    box-sizing: border-box;
}

/* 2. 테이블 기본 구조 초기화 및 Flex 정렬 */
.ap_extra_search.bd_wrt_main .et_vars { display: block; width: 100%; border: none; padding: 0; margin: 0; }
.ap_extra_search.bd_wrt_main .et_vars tbody { 
    display: flex; 
    flex-direction: column; 
    width: 100%; 
}

/* 각 검색 행(Row) - 선을 완전히 제거하고 흰색 배경으로 통일 */
.ap_extra_search.bd_wrt_main .et_vars tr {
    display: flex;
    align-items: center !important; 
    padding: 0;
    margin: 0;
    border: none !important; 
    background: #ffffff !important; 
}

/* ★ [레이아웃 순서 제어] 관리자 지정 1~6번째 줄 순서대로 order 강제 배치 */
.ap_extra_search.bd_wrt_main .et_vars tr.search_line_1 { order: 1 !important; }
.ap_extra_search.bd_wrt_main .et_vars tr.search_line_2 { order: 2 !important; }
.ap_extra_search.bd_wrt_main .et_vars tr.search_line_3 { order: 3 !important; }
.ap_extra_search.bd_wrt_main .et_vars tr.search_line_4 { order: 4 !important; }
.ap_extra_search.bd_wrt_main .et_vars tr.search_line_5 { order: 5 !important; }
.ap_extra_search.bd_wrt_main .et_vars tr.search_line_6 { order: 6 !important; }

/* 3. 항목 이름 영역 (th) - 원본 명세 복원 */
.ap_extra_search.bd_wrt_main .et_vars th {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    width: 70px;
    min-width: 70px;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;     
    font-size: 11px;
    font-weight: 700;
    color: #111111 !important;   
    letter-spacing: -0.5px;
    box-sizing: border-box;
    background: transparent !important;
}
.ap_extra_search.bd_wrt_main .et_vars th::before { display: none !important; }

/* 데이터 영역(td) 및 입력 폼 영역 간격 유지 */
.ap_extra_search.bd_wrt_main .et_vars td {
    display: block;
    flex-grow: 1;
    padding: 5px 0 5px 10px !important;
    border: none !important;   
    box-sizing: border-box;
    background: transparent !important;
}

/* 4. 바둑판형 격자 배열 (7열 기본 칼정렬) */
.ap_extra_search.bd_wrt_main .et_vars tr ul,
.ap_extra_search.bd_wrt_main .et_vars ul {
    display: grid;
    grid-template-columns: repeat(var(--cols, 7), minmax(0, 1fr)) !important; 
    gap: 4px !important;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

/* [판매지역] 행만 기존의 18열 초압축 배열 절대 유지 */
.ap_extra_search.bd_wrt_main .et_vars tr[style*="--cols: 18"] ul,
.ap_extra_search.bd_wrt_main .et_vars ul[style*="--cols: 18"] {
    grid-template-columns: repeat(18, minmax(41px, 1fr)) !important; 
    gap: 2px !important;
}
.ap_extra_search.bd_wrt_main .et_vars tr[style*="--cols: 18"] li label,
.ap_extra_search.bd_wrt_main .et_vars ul[style*="--cols: 18"] li label {
    font-size: 12px !important;
    letter-spacing: -1px !important;
    padding: 0 !important;
}

.ap_extra_search.bd_wrt_main .et_vars li, .extra_category {
    display: block !important; position: relative; float: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important;
}
.ap_extra_search.bd_wrt_main .et_vars input[type="radio"], 
.ap_extra_search.bd_wrt_main .et_vars input[type="checkbox"] {
    position: absolute; width: 100%; height: 100%; opacity: 0; cursor: pointer; margin: 0; z-index: 5;
}

/* 5. 공통 칩 버튼 기본 스타일 선언 */
.ap_extra_search.bd_wrt_main .et_vars label,
.ap_extra_search.bd_wrt_main .et_vars li label {
    display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 100%; height: 25px; margin: 0; padding: 0 4px; font-size: 11px; font-weight: 500; border-radius: 3px; border: none !important; transition: all 0.1s ease; text-align: center; white-space: nowrap; overflow: hidden; z-index: 1; 
}

/* ==========================================================================
   ★ [순정 색상 무조건 보존] 관리자가 색상을 따로 지정하지 않아 빈칸일 때
      원래의 고유 명도 수치가 자동으로 채워지도록 연동 안전장치 구현 완료
   ========================================================================== */

/* 1번째 줄 (설정 값 없으면 #f8fafc 자동 발동) */
.ap_extra_search.bd_wrt_main .et_vars tr.search_line_1 label { background: var(--bg-color, #f8fafc) !important; color: #475569 !important; }
.ap_extra_search.bd_wrt_main .et_vars tr.search_line_1 li:hover label,
.ap_extra_search.bd_wrt_main .et_vars tr.search_line_1 span:hover label { background: #f1f5f9 !important; }

/* 2번째 줄 (설정 값 없으면 #f3f4f6 자동 발동) */
.ap_extra_search.bd_wrt_main .et_vars tr.search_line_2 label { background: var(--bg-color, #f3f4f6) !important; color: #4b5563 !important; }
.ap_extra_search.bd_wrt_main .et_vars tr.search_line_2 li:hover label,
.ap_extra_search.bd_wrt_main .et_vars tr.search_line_2 span:hover label { background: #e5e7eb !important; }

/* 3번째 줄 (설정 값 없으면 #fafafa 자동 발동) */
.ap_extra_search.bd_wrt_main .et_vars tr.search_line_3 label { background: var(--bg-color, #fafafa) !important; color: #52525b !important; }
.ap_extra_search.bd_wrt_main .et_vars tr.search_line_3 li:hover label,
.ap_extra_search.bd_wrt_main .et_vars tr.search_line_3 span:hover label { background: #f4f4f5 !important; }

/* 4번째 줄 (설정 값 없으면 #eef2f6 자동 발동) */
.ap_extra_search.bd_wrt_main .et_vars tr.search_line_4 label { background: var(--bg-color, #eef2f6) !important; color: #475569 !important; }
.ap_extra_search.bd_wrt_main .et_vars tr.search_line_4 li:hover label,
.ap_extra_search.bd_wrt_main .et_vars tr.search_line_4 span:hover label { background: #d1d5db !important; }

/* 5번째 줄 (설정 값 없으면 #eef2f6 자동 발동) */
.ap_extra_search.bd_wrt_main .et_vars tr.search_line_5 label { background: var(--bg-color, #eef2f6) !important; color: #475569 !important; }
.ap_extra_search.bd_wrt_main .et_vars tr.search_line_5 li:hover label,
.ap_extra_search.bd_wrt_main .et_vars tr.search_line_5 span:hover label { background: #d1d5db !important; }

/* 6번째 줄 (설정 값 없으면 #eef2f6 자동 발동) */
.ap_extra_search.bd_wrt_main .et_vars tr.search_line_6 label { background: var(--bg-color, #eef2f6) !important; color: #475569 !important; }
.ap_extra_search.bd_wrt_main .et_vars tr.search_line_6 li:hover label,
.ap_extra_search.bd_wrt_main .et_vars tr.search_line_6 span:hover label { background: #d1d5db !important; }

/* ==========================================================================
   ★ [반전 개별 마감] 가중치 상쇄를 위해 줄 단위별로 블랙 반전 명령 선언
   ========================================================================== */
.ap_extra_search.bd_wrt_main .et_vars tr.search_line_1 input:checked + label { background: #111111 !important; color: #ffffff !important; font-weight: 600 !important; }
.ap_extra_search.bd_wrt_main .et_vars tr.search_line_2 input:checked + label { background: #111111 !important; color: #ffffff !important; font-weight: 600 !important; }
.ap_extra_search.bd_wrt_main .et_vars tr.search_line_3 input:checked + label { background: #111111 !important; color: #ffffff !important; font-weight: 600 !important; }
.ap_extra_search.bd_wrt_main .et_vars tr.search_line_4 input:checked + label { background: #111111 !important; color: #ffffff !important; font-weight: 600 !important; }
.ap_extra_search.bd_wrt_main .et_vars tr.search_line_5 input:checked + label { background: #111111 !important; color: #ffffff !important; font-weight: 600 !important; }
.ap_extra_search.bd_wrt_main .et_vars tr.search_line_6 input:checked + label { background: #111111 !important; color: #ffffff !important; font-weight: 600 !important; }

/* 8. 하단 통합 검색 바 영역 디자인 매칭 (30px) */
.ap_extra_search.bd_wrt_main .regist { 
    display: flex !important; 
    align-items: center !important; 
    justify-content: flex-end !important; 
    padding: 6px 4px 10px 4px !important; 
    margin: 0 !important; 
    border: none !important; 
    width: 100% !important; 
    box-sizing: border-box !important; 
    gap: 5px !important; 
    background: #ffffff !important; 
}
.ap_extra_search.bd_wrt_main .regist .signature_search_box { display: inline-flex !important; align-items: center !important; margin: 0 !important; padding: 0 !important; }

.ap_extra_search.bd_wrt_main input[type="text"].itx,
.ap_extra_search.bd_wrt_main .srch_itx.text { 
    height: 30px !important; line-height: 30px !important; box-sizing: border-box !important; border: 1px solid #cbd5e1 !important; padding: 0 10px !important; width: 260px !important; border-radius: 3px !important; font-size: 12px !important; background-color: #ffffff !important; color: #1f2937 !important; margin: 0 !important; outline: none !important;
}
.ap_extra_search.bd_wrt_main input[type="text"].itx:focus { border-color: #111111 !important; }

.ap_extra_search.bd_wrt_main .searchb_btn, .searchb_btn { 
    display: inline-flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; font-size: 12px !important; font-weight: 600 !important; height: 30px !important; padding: 0 20px !important; border-radius: 3px !important; border: none !important; background-color: #111111 !important; color: #fff !important; text-decoration: none !important; line-height: 1 !important; margin: 0 !important; box-sizing: border-box !important;
}
.ap_extra_search.bd_wrt_main .bd_btn { 
    display: inline-flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; font-size: 12px !important; font-weight: 500 !important; height: 30px !important; padding: 0 14px !important; border-radius: 3px !important; border: 1px solid #cbd5e1 !important; background-color: #fff !important; color: #475569 !important; line-height: 1 !important; margin: 0 !important; box-sizing: border-box !important;
}
.ap_extra_search.bd_wrt_main .bd_btn:hover { background-color: #f8fafc !important; color: #111111 !important; }