@charset "utf-8";/* 인기검색어 래퍼 */
.popularWrap {position:absolute; top:10px; left:-10px; right:-10px; padding:60px 10px 20px; border:1px solid var(--board-gray-300, #e0e0e0); border-radius:var(--board-radius, 8px); background:var(--board-white, #ffffff); opacity:0; visibility:hidden; transition:all 0.2s ease;}

/* 컨트롤 버튼 */
.popularWrap .controls {display:flex; gap:4px;}
.popularWrap .tool-btn {display:flex; justify-content:center; align-items:center; width:28px; height:28px; padding:0; border:1px solid var(--board-gray-300, #e0e0e0); border-radius:var(--board-radius-sm, 4px); background:var(--board-white, #ffffff); color:var(--board-gray-600, #757575); font-size:18px; cursor:pointer; transition:all 0.2s ease;}
.popularWrap .tool-btn:hover {border-color:var(--color-prime, #5d9cec); background:var(--board-gray-50, #fafafa); color:var(--color-prime, #5d9cec);}
/* 인기검색어 내부 컨테이너 */
.popular_inner {position:relative; overflow:hidden;}
/* 인기검색어 리스트 */
.popularList {display:flex; flex-wrap:nowrap; flex-wrap:wrap; margin:0; padding:0; list-style:none; gap:10px;}
/* 아이템 */
.popularList .item {min-width:0; flex:0 0 auto;}
.popularList .keyword {display:flex; align-items:center; padding:6px; border:1px solid var(--board-gray-300, #e0e0e0); border-radius:20px; background:var(--board-gray-50, #fafafa); color:var(--board-gray-700, #616161); font-size:12px; text-decoration:none; white-space:nowrap; gap:4px; transition:all 0.2s ease;}
.popularList .keyword:hover {border-color:var(--color-prime, #5d9cec); background:var(--color-prime, #5d9cec); color:var(--board-white-only, #ffffff);}
/* 순위 */
.popularList .rank {display:flex; justify-content:center; align-items:center; width:20px; height:20px; border-radius:50%; background:var(--board-gray-400, #bdbdbd); color:var(--board-white-only, #ffffff); font-size:11px; font-weight:600;}
/* 상위 3개 순위 강조 */
.popularList .item:nth-child(1) .rank {background:var(--board-danger, #ed5565);}
.popularList .item:nth-child(2) .rank {background:var(--board-warning, #fc6e51);}
.popularList .item:nth-child(3) .rank {background:var(--board-yellow, #ffce54);}
/* 검색어 */
.popularList .word {font-weight:500; margin-right:4px;}
/* HOT 뱃지 */
.popularList .badge {padding:2px 6px; border-radius:10px; font-size:10px; font-weight:600;}
.popularList .badge.hot {background:var(--board-danger, #ed5565); color:var(--board-white-only, #ffffff);}
/* 빈 상태 */
.popularList .empty {padding:20px; color:var(--board-gray-500, #9e9e9e); font-size:14px; text-align:center;}
/* 모바일 대응 */
@media (max-width:768px) {
    .popularWrap {}
    .popularWrap .titleBox h3 {font-size:14px;}
    .popularList {gap:6px;}
    .popularList .keyword {padding:6px 12px; font-size:13px;}
    .popularList .rank {width:18px; height:18px; font-size:10px;}
}
/* 다크모드 대응 */
:root.darkMode .popularWrap {border-color:var(--board-gray-300, #444); background:var(--board-gray-100, #444);}
:root.darkMode .popularList .keyword {border-color:var(--board-gray-300, #444); background:var(--board-gray-200, #333); color:var(--board-gray-700, #f5f5f5);}
:root.darkMode .popularList .keyword:hover {border-color:var(--color-prime, #5d9cec); background:var(--color-prime, #5d9cec); color:var(--board-white-only, #ffffff);}