/**
 * app-webview-shell.css
 * iOS/Android WebView 앱 공통 safe-area · 하단 탭 · 고정 UI 스택
 * 로드: layout.css 뒤 (m_header.php) + wh_brand_assets / index_2026
 * --safe-t/--safe-b: wh-app-safe-area.js 또는 네이티브 주입
 *
 * 상단 패턴: top:0 + padding-top:var(--safe-t) + background:#fff
 * (노치 영역까지 흰색으로 채움 — top:safe-t만 쓰면 스크롤 시 틈에 콘텐츠 비침)
 */

/* ── 공통 sticky/fixed 상단 바 ── */
html.wh-wehome-app div.nav.clean {
  top: 0 !important;
  padding-top: var(--safe-t) !important;
  padding-bottom: 0 !important;
  background: #fff !important;
  box-sizing: border-box;
  min-height: calc(var(--nav-clean-height, 50px) + var(--safe-t)) !important;
  height: auto;
}

html.wh-wehome-app div.nav.clean + #content {
  padding-top: calc(var(--nav-clean-height, 50px) + var(--safe-t)) !important;
}

html.wh-wehome-app .wh-page-nav-wrap {
  top: 0 !important;
  padding-top: var(--safe-t) !important;
  background: #fff !important;
  box-sizing: border-box;
  z-index: 990 !important;
}

html.wh-wehome-app .wh-page-nav-wrap .wh-page-nav,
html.wh-wehome-app .wh-page-nav-wrap .wh-page-nav.is-scrolled {
  background: #fff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html.wh-wehome-app .r26-sticky-bar {
  top: 0 !important;
  padding-top: var(--safe-t) !important;
  box-sizing: border-box;
}

/* 메인 히어로: 투명 오버레이 유지 */
html.wh-wehome-app .r26-header {
  top: var(--safe-t) !important;
  padding-top: 16px !important;
  padding-bottom: 16px !important;
  box-sizing: border-box;
}

html.wh-wehome-app .r26-hero .r26-header {
  position: fixed !important;
  top: var(--safe-t) !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 1000 !important;
  background: transparent !important;
}

html.wh-wehome-app .ib-tabs-wrap {
  margin-top: 76px !important;
  background: #fff !important;
  top: calc(var(--safe-t) + 76px) !important;
}

html.wh-wehome-app .ib-list {
  margin-top: 0 !important;
}

html.wh-wehome-app #ib-search-panel.open {
  top: calc(var(--safe-t) + 76px) !important;
}

html.wh-wehome-app body:has(#content.inbox.list) .wh-page-nav-wrap {
  top: 0 !important;
  padding-top: var(--safe-t) !important;
  background: #fff !important;
}

/* ── 하단 탭: 아이콘 66px + safe-area 한 번만 ── */
html.wh-wehome-app nav,
html.wh-wehome-app nav#bottom_nav {
  box-sizing: border-box;
  min-height: var(--bottom-naverbar-height, 66px);
  height: auto;
  padding-bottom: max(var(--safe-b), 4px);
}

html.wh-wehome-app .r26-root {
  padding-bottom: calc(var(--bottom-naverbar-height, 66px) + var(--safe-b) + 12px);
}

html.wh-conversation-page nav#bottom_nav,
body:has(#content.inbox.list) nav#bottom_nav,
html.wh-wehome-app body:has(#content.inbox.list) nav#bottom_nav,
html.wh-wehome-app body:has(#content.payment-select) nav#bottom_nav,
html.wh-wehome-app body:has(.wh-bottom-bar) nav#bottom_nav,
html.wh-wehome-app body:has(.pay-sticky) nav#bottom_nav {
  display: none !important;
}

html.wh-wehome-app body:has(.wh-bottom-bar) .wh-bottom-bar,
html.wh-wehome-app body:has(.pay-sticky) .pay-sticky {
  bottom: 0;
  z-index: 9999;
  height: auto;
  min-height: var(--bottom-naverbar-height, 66px);
  padding-bottom: calc(12px + var(--safe-b));
  box-sizing: border-box;
}

html.wh-wehome-app body:has(#content.payment-select) #content.payment-select {
  padding-bottom: calc(var(--bottom-naverbar-height, 66px) + 88px + var(--safe-b)) !important;
}

/* ── 검색 결과 페이지 (.search-page-header — inline/slim CSS보다 우선) ── */
html.wh-wehome-app .search-page-header,
html.wh-wehome-app.search-force-desktop-ui .search-page-header,
html.wh-wehome-app.search-force-desktop-ui.sp-force-desktop-ui .search-page-header {
  top: 0 !important;
  padding-top: var(--safe-t) !important;
  height: auto !important;
  min-height: calc(56px + var(--safe-t)) !important;
  box-sizing: border-box !important;
  background: #fff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* ── 숙소 상세 (.rm-nav sticky) ── */
html.wh-wehome-app .rm-nav {
  top: 0 !important;
  padding-top: var(--safe-t) !important;
  box-sizing: border-box !important;
  background: #f5f5f7 !important;
}

html.wh-wehome-app .rm-nav.scrolled {
  background: rgba(255, 255, 255, 0.98) !important;
}

/* 검색 오버레이 — 상단 닫기/제목 바 */
html.wh-wehome-app .mobile_search_overlay {
  padding-top: var(--safe-t) !important;
  box-sizing: border-box !important;
}

/* 숙소 PC 헤더 (iPad 가로·앱 wide viewport) */
@media (min-width: 1024px) {
  html.wh-wehome-app.rooms-force-desktop-ui #rmDtHeader {
    top: 0 !important;
    padding-top: var(--safe-t) !important;
    background: #fff !important;
    box-sizing: border-box !important;
  }

  html.wh-wehome-app.rooms-force-desktop-ui #rm-wrap {
    padding-top: calc(var(--dt-header-h, 56px) + var(--safe-t)) !important;
  }
}