/* ============================================================
   한우프라자 v2 — 매장찾기 페이지 전용 보정 (퍼블 style.css 뒤, hanwoo-dev.css 뒤에 로드)
   퍼블 마크업·스타일은 그대로 두고, 실제 지도(.fm_map.hw-map)와 데이터 바인딩에 필요한 최소만 둔다.
   선택자는 .store_find 로 한정.
   ============================================================ */

/* 지도 자리: 퍼블의 정적 지도 이미지·활성 크로스페이드(:after) 제거 → 네이버/OSM 지도가 그려진다 */
.store_find .fm_map.hw-map{ background:#e9e5df; cursor:default; }
/* 네이버 SDK 가 컨테이너에 inline position:relative 를 써서 absolute 비율 박스가 무너짐(높이 0) → !important 로 퍼블 배치 유지 */
.store_find .fm_map.hw-map{ position:absolute !important; top:0 !important; left:0 !important; right:0 !important; bottom:0 !important; width:100% !important; height:100% !important; }
.store_find .fm_map.hw-map:after{ display:none; }
.store_find .fm_map.hw-map .leaflet-container{ position:absolute; inset:0; width:100%; height:100%; font-family:inherit; }
.store_find .fm_map.hw-map .hw-map-fail{ position:absolute; inset:0; }
@media screen and (max-width: 960px){
    /* 퍼블은 padding-top 비율 박스 — 지도 SDK 는 실제 높이가 필요 */
    .store_find .fm_map.hw-map{ position:relative !important; top:auto !important; left:auto !important; right:auto !important; bottom:auto !important; padding-top:0; height:70vw !important; }
}
@media screen and (max-width: 600px){
    .store_find .fm_map.hw-map{ height:95vw !important; }
}

/* 네이버 지도 인증 실패 안내 (store.js onAuthFail 이 표시) */
.store_find .hw-store-notice{ display:none; margin-top:12px; padding:9px 14px; border:1px solid #ecd58a; border-radius:6px; background:#fff6d6; font-size:13px; line-height:1.6; color:#5a4a10; }
.store_find .hw-store-notice b{ color:#c20f2f; }

/* 우측 패널: 닫기 버튼(퍼블에 없음) + 사진 1장 이하면 화살표 숨김 + 사진 없음 표시 */
.store_find .sp_head{ position:relative; }
.store_find .sp_head strong{ flex:1; min-width:0; }
.store_find .sp_close{ flex:none; width:28px; height:28px; margin-left:auto; padding:0; border:0; border-radius:50%; background:transparent; color:#fff; font-size:22px; line-height:28px; opacity:.7; cursor:pointer; }
.store_find .sp_close:hover{ opacity:1; }
.store_find .sp_photo.is_single .sp_arrow{ display:none; }
.store_find .sp_img.empty{ background-color:#333; background-image:url('../img/icon-img-placeholder.svg'); background-size:48px auto; background-repeat:no-repeat; background-position:center; opacity:.6; }

/* 목록: 결과 없음 행은 클릭 대상 아님 / 펼침 상세가 비어 있으면 높이 0 */
.store_find .basicBoardArti .basicList.store_list > li.empty{ cursor:default; }
.store_find .basicBoardArti .basicList.store_list > li.empty:hover{ background-color:transparent; }
.store_find .basicBoardArti .basicList.store_list > li.detail .store_detail:empty{ padding:0; }

/* 지도 말풍선(.hw-iw) — 흰 박스 + 그림자. 네이버 InfoWindow/Leaflet 기본 박스는 투명 처리 */
.store_find .hw-iw{ position:relative; box-sizing:border-box; min-width:220px; max-width:280px; padding:14px 16px 12px; background:#fff; border:1px solid #e4dccf; border-top:3px solid #c20f2f; border-radius:10px; box-shadow:0 6px 18px rgba(0,0,0,.18); text-align:left; }
.store_find .hw-iw:before, .store_find .hw-iw:after{ display:none; content:none; }
.store_find .hw-iw b{ padding-right:4px; }
.store_find .hw-iw span + a{ margin-top:8px; }
.store_find .hw-lpop .leaflet-popup-content-wrapper{ padding:0; background:transparent; box-shadow:none; border-radius:0; }
.store_find .hw-lpop .leaflet-popup-content{ margin:0; width:auto !important; }
.store_find .hw-lpop .leaflet-popup-tip-container{ display:none; }
