/**
 * Room detail mobile — Wooseok Stay space pilot (A→B)
 * Loads after /assets/css/room-mobile.css
 * Content rhythm: Inset/Stack/Inline. Safe-area (env/--safe-*) stays in room-mobile.css.
 */
#rm-wrap {
  background: var(--wh-bg, #f4f2ef) !important;
  color: var(--wh-tx, #191f28);
  font-family: var(--wh-ff, "Pretendard Variable", Pretendard, -apple-system, sans-serif);
}

.rm-nav {
  background: var(--wh-bg, #f4f2ef);
}

.rm-nav.scrolled {
  border-radius: 0 0 var(--wh-radius-lg, 20px) var(--wh-radius-lg, 20px);
  box-shadow: var(--wh-shadow-card, 0 2px 12px rgba(0, 0, 0, 0.06));
}

.rm-section,
.rm-card,
.rm-share-modal,
.rm-book-bar,
.rm-bottom-sheet {
  border-radius: var(--wh-radius-lg, 20px) !important;
}

.rm-share-modal {
  border-radius: var(--wh-radius-lg, 20px) var(--wh-radius-lg, 20px) 0 0 !important;
}

.room-photo-swiper .swiper-slide {
  border-radius: var(--wh-radius-md, 20px);
}

.rm-book-cta,
.rm-sticky-book-btn,
#rm-book-btn,
.rm-reserve-btn,
.rm-book-btn {
  border-radius: var(--wh-radius-btn, 18px) !important;
  padding: var(--wh-inset-squish-md, 10px 20px) !important;
}

.rm-review-photo,
.rvd-reply-trans,
.rvd-photo-item {
  border-radius: var(--wh-radius-md, 20px) !important;
  background: var(--wh-surface, #f4f5f7);
}

.rm-cal-day.selected,
.rm-cal-day.in-range {
  background: var(--wh-brand, #681DC7) !important;
}

.fee-adj-banner-icon {
  background: var(--wh-brand, #681DC7) !important;
}

.rm-trust-strip,
.rm-hl-cancel {
  border-radius: var(--wh-radius-md, 20px);
}

/* ── Stay listing stack / inset (content only; safe-area unchanged) ── */
.rm-section,
.rm-card {
  margin-top: var(--wh-stack-lg, 24px) !important;
  padding: var(--wh-inset-lg, 24px) !important;
}

.rm-section + .rm-section,
.rm-card + .rm-card {
  margin-top: var(--wh-stack-lg, 24px) !important;
}

.rm-highlights,
.rm-amen-grid,
.rm-host-block,
.rm-longstay-rules {
  gap: var(--wh-stack-md, 16px) !important;
}

.rm-chips,
.rm-tags,
.rm-spec-row,
.rm-nav-right {
  gap: var(--wh-inline-xs, 8px) !important;
}

.rm-chip,
.rm-tag,
.rm-spec-pill {
  padding: var(--wh-inset-squish-sm, 8px 16px) !important;
  gap: var(--wh-inline-xs, 8px) !important;
}

.rm-hl-item,
.rm-amen-item,
.rm-host-row {
  gap: var(--wh-inline-sm, 12px) !important;
}

/* Book bar: keep safe-area from room-mobile; only tighten horizontal inset */
.rm-book-bar {
  padding-left: var(--wh-inset-md, 16px) !important;
  padding-right: var(--wh-inset-md, 16px) !important;
}