/* 모바일: 검색폼이 로고와 햄버거 사이 남은 폭을 한 줄로 채운다.
   flex-basis 0이라 줄바꿈되지 않는다. 데스크톱(md+)은 원래 폭. */
.navbar form[role="search"] {
    flex-basis: 0;
    min-width: 0;
}

.navbar form[role="search"] .form-control {
    min-width: 0;
}

@media (min-width: 768px) {
    .navbar form[role="search"] {
        flex-basis: auto;
    }
}

/* 즐겨찾기 하트: 기본은 윤곽선, 저장되면 붉게 채운다 */
.favorite-btn svg path {
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
}

.favorite-btn.active svg path {
    fill: #f04e30;
    stroke: #f04e30;
}

/* 라벨 드랍다운: 하트를 누른 자리에 뜬다 (위치는 JS가 계산) */
.favorite-menu {
    min-width: 240px;
    max-height: 60vh;
    overflow-y: auto;
}