/*
 * 列表頁原地搜尋結果區塊（search-category 後端注入版）
 *
 * 由 PageRenderService::injectListSearchUi() 插入文章列表 card-area 之前。
 * 出現於列表頁帶 ?keyword= 時（如 /{locale}/post/{cate}?keyword=）。
 */

.evo-list-search {
    margin: 0 0 1.5rem;
}

.evo-list-search__title {
    margin: 0 0 0.25rem;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.4;
    color: #1a1a1a;
}

.evo-list-search__count {
    margin: 0;
    font-size: 0.875rem;
    color: #666;
}

/* 無結果空狀態 */
.evo-list-search__empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.75rem;
    padding: 3rem 1rem;
    margin-top: 1rem;
    border: 1px dashed #d9d9d9;
    border-radius: 8px;
    background: #fafafa;
}

.evo-list-search__empty-icon {
    display: inline-flex;
    color: #bfbfbf;
}

.evo-list-search__empty-title {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 700;
    color: #333;
}

.evo-list-search__empty-desc {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: #888;
    word-break: break-word;
}

.evo-list-search__clear {
    display: inline-block;
    margin-top: 0.5rem;
    padding: 0.5rem 1.25rem;
    font-size: 0.9375rem;
    color: #fff;
    background: #1a1a1a;
    border-radius: 4px;
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.evo-list-search__clear:hover {
    opacity: 0.85;
}

/*
 * 列表上的「會員專屬」標示（page-builder BindsDownloadFiles::insertMembersBadge 插在列表項目標題旁；PM 測試第 9 筆）
 *
 * 與搜尋卡同一個 class、同一組宣告（search.css `.search-result__card-badge`）：search.css 只在搜尋結果頁載入，
 * 列表頁要靠全站載入的本檔才有樣式（否則只剩繼承標題字級的純文字、黏在標題前）。
 * ⚠️ 宣告必須與 search.css 那條一致（frontend-kit ListMembersBadgeCssTest 對拍）；改一邊就同步另一邊。
 * ⚠️ 第二個 selector（0,2,0）擋範本常見的 `.xxx span{…}` 泛用規則；⛔ !important（範本／設計師覆寫要蓋得過）。
 */
.search-result__card-badge,
[data-param="list-item"] .search-result__card-badge {
    display: inline-block;
    margin-right: .5rem;
    padding: .1em .5em;
    border: 1px solid currentColor;
    font-size: .7rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: .1em;
    vertical-align: middle;
    white-space: nowrap;
}