/**
 * Search mobile Stay Craft overrides (loads after search.php inline styles)
 * html.wh-surface-stay → --wh-bg-stay
 * P0+P1 2026-08-10: ListingCard elevation 0 · Soft Cloud · meta scan · sharp chrome
 */

.prop-list-item:active {
  background: var(--wh-bg, #F5F5F5) !important;
}

/* 지도 위 「이 지역 검색」— 헤더 검색이 solid Primary라 흰 면 + 잉크. 인라인 보라 배경을 덮는다 */
#btn-search-area {
  box-sizing: border-box;
  min-height: var(--wh-touch-min, 44px) !important;
  border: 1px solid var(--wh-bd-hairline, #E5E5E5) !important;
  border-radius: var(--wh-radius-sharp, 10px) !important;
  background: var(--wh-card, #fff) !important;
  color: var(--wh-tx, #1A1A1A) !important;
  font-family: var(--wh-ff) !important;
  font-weight: 700 !important;
  letter-spacing: var(--wh-tracking-body, -0.02em) !important;
  box-shadow: var(--wh-shadow-listing) !important;
}
#btn-search-area #btn-search-area-icon {
  color: var(--wh-brand, #681DC7);
}
#btn-search-area:focus-visible {
  outline: 2px solid var(--wh-focus-ring, #681DC7);
  outline-offset: 2px;
}

.search-filter-chip,
.search-nav-pill {
  border-radius: var(--wh-radius-sharp, 10px) !important;
}

@media (min-width: 1024px) {
  .search-filter-chip {
    display: none !important;
  }
}

@media (max-width: 1023px) {
  .search-filter-chip {
    border-radius: 16px !important;
  }
}

.mobile-search-submit {
  border-radius: var(--wh-radius-btn, 18px) !important;
}

.search-results-panel {
  border-radius: var(--wh-radius-lg, 20px) var(--wh-radius-lg, 20px) 0 0 !important;
  background: var(--wh-bg-stay, #F5F5F5) !important;
}

#search-main,
div#content.search-content {
  background: var(--wh-bg-stay, #F5F5F5) !important;
}

.search-map-back-btn {
  background: var(--wh-bg-stay, #F5F5F5) !important;
}

/* style25 legacy nav chip — Stay sharp chrome */
.search-nav-chip,
.mobile_search_bar .search_btn_round {
  border-radius: var(--wh-radius-sharp, 10px) !important;
}

.mobile_search_overlay .wh-search-go,
.mobile-search-overlay .search-submit {
  border-radius: var(--wh-radius-btn, 18px) !important;
}

/* ListingCard rest elevation 0 — style25/legacy shadow 덮어쓰기 */
.r26-prop-card,
.prop-card.r26-prop-card {
  box-shadow: none !important;
  background: var(--wh-card, #fff);
}
@media (hover: hover) and (pointer: fine) {
  .r26-prop-card:hover,
  .prop-card.r26-prop-card:hover {
    box-shadow: var(--wh-shadow-listing-hover, 0 0 0 1px rgba(0, 0, 0, 0.03), 0 4px 12px rgba(0, 0, 0, 0.08)) !important;
  }
}

/* Meta scan: 위치 → 평점/속성 → 가격 */
.r26-prop-info {
  gap: 2px;
}
.r26-prop-loc {
  color: var(--wh-tx3, #6B6B6B) !important;
}
.r26-prop-price-wrap {
  margin-top: 6px;
}
.prop-list-item-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.prop-list-item-title {
  font-family: var(--wh-ff-display, "SUIT Variable", SUIT, sans-serif);
  font-weight: 700;
  color: var(--wh-tx, #1A1A1A);
  letter-spacing: -0.02em;
}
#map-prop-popup #mpp-title {
  font-family: var(--wh-ff-display, "SUIT Variable", SUIT, sans-serif) !important;
  font-weight: 700 !important;
}
.prop-list-item-loc {
  color: var(--wh-tx3, #6B6B6B);
  font-size: 12px;
  line-height: 1.35;
  margin-bottom: 2px;
}
.prop-list-item-rating--meta {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  margin-top: 0;
}
.prop-list-item-badges {
  margin-top: 2px;
  margin-bottom: 2px;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.prop-list-item-bottom {
  margin-top: 2px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}

/* Empty CTA — solid brand 1 */
.search-empty-wrap .srch-same-day-cta,
.search-empty-wrap .wh-empty__cta {
  border-radius: var(--wh-radius-btn, 18px) !important;
  background: var(--wh-brand, #681DC7) !important;
  color: #fff !important;
  min-height: var(--wh-touch-min, 44px);
}

/* 날짜 유도 카드 — 모바일·PC slim 공통. 헤더 검색 버튼이 solid Primary라 여기는 accent·secondary만.
   접힘 시트 축소는 search.php 인라인 #prop-list-wrap:not(.is-list) 규칙이 담당 */
.srch-date-nudge {
  margin: 0 var(--wh-space-md, 16px) 10px;
  padding: var(--wh-inset-stretch-sm, 12px 16px);
  background: var(--wh-card, #fff);
  border: 1px solid var(--wh-bd-hairline, #E5E5E5);
  border-radius: var(--wh-radius-md, 16px);
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.srch-date-nudge__title {
  margin: 0;
  font-size: var(--wh-text-sm, 0.875rem);
  font-weight: 700;
  line-height: 1.4;
  color: var(--wh-tx, #1A1A1A);
}
.srch-date-nudge__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--wh-space-xs, 8px);
  align-items: center;
}
.srch-date-nudge__actions .wh-btn {
  flex: 0 0 auto;
  padding-inline: var(--wh-space-sm, 12px);
  /* _wh-bridge.css가 .wh-btn 전체를 btn radius !important로 고정 — 넛지는 sharp chrome */
  border-radius: var(--wh-radius-sharp, 10px) !important;
  font-weight: 700;
}
.srch-date-nudge__actions .wh-btn--secondary {
  border-color: var(--wh-bd-hairline, #E5E5E5);
  font-weight: 600;
}
.srch-date-nudge__actions .srch-date-nudge-cta {
  flex: 1 1 auto;
}

/* style25 의존 축소 — Soft Cloud · sharp · 폐기회색 차단 */
#dropdown_region button.search_chip,
.mobile_search_overlay button.search_chip {
  border-radius: var(--wh-radius-sharp, 10px) !important;
  background: var(--wh-bg, #F5F5F5) !important;
  color: var(--wh-tx, #1d1d1f) !important;
}
#dropdown_region button.search_chip:hover,
.mobile_search_overlay button.search_chip:hover {
  background: var(--wh-surface, #f0f0f0) !important;
}
body.search-force-desktop-ui,
html.wh-surface-stay body,
#search-root,
.search-page-wrap {
  background: var(--wh-bg-stay, #F5F5F5);
}
.mobile_search_overlay,
.mobile_search_overlay .search_chip_list + *,
.prop-list-item .muted,
.search-map-hint {
  color: var(--wh-tx3, #6B6B6B);
}