/**
 * IGE 공통 listing-search 컴포넌트 스타일
 * - 자동완성 드롭다운
 * - 카드 클릭 시 highlight
 *
 * @since listing-search-completion 2026-05-01
 * 사용처: _includes/listing-search.php (자체 로드, head.php 미수정)
 */

.ige-listing-search {
    position: relative;
}

/* 자동완성 드롭다운 */
.ige-listing-search-suggest {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 100;
    background: #fff;
    border: 1px solid #d0d0d0;
    border-top: none;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    max-height: 320px;
    overflow-y: auto;
    margin-top: -1px;
}

.ige-listing-search-suggest__item {
    padding: 10px 14px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #f0f0f0;
    transition: background 0.15s;
}

.ige-listing-search-suggest__item:last-child {
    border-bottom: none;
}

.ige-listing-search-suggest__item:hover,
.ige-listing-search-suggest__item:focus,
.ige-listing-search-suggest__item.is-focused {
    background: var(--accent-teal-soft, #f0faf7);
    outline: none;
}

.ige-listing-search-suggest__name {
    font-weight: 500;
    color: var(--ink-900, #1a1a1a);
    font-size: 14px;
}

.ige-listing-search-suggest__type {
    font-size: 11px;
    color: var(--accent-teal, #0d7680);
    background: var(--accent-teal-soft, #f0faf7);
    padding: 2px 6px;
    border-radius: 3px;
    margin-left: 8px;
    flex-shrink: 0;
}

/* 카드 highlight (자동완성 클릭 시 2초간 강조) */
.ige-listing-search-highlight {
    outline: 2px solid var(--accent-teal, #0d7680) !important;
    outline-offset: 2px;
    box-shadow: 0 0 0 4px rgba(13, 118, 128, 0.15) !important;
    transition: outline 0.3s, box-shadow 0.3s;
}