/**
 * 소비자 공통 UI 모드 토글 (아이콘 + 문구)
 * - 모바일 웹(<1024px): 숨김 — 「PC 모드로 보기」검색바 가림 방지
 * - PC(1024+): 뷰포트 좌하단
 * - 앱(html.wh-wehome-app): 숨김
 */
.wh-admin-ui-fab {
  position: fixed;
  z-index: 13050;
  display: none; /* 모바일 기본 숨김 — 1024+ 에서만 표시 */
  align-items: center;
  gap: 6px;
  min-height: 36px;
  padding: 8px 12px 8px 10px;
  border-radius: 20px;
  background: rgba(25, 31, 40, 0.88);
  color: #fff;
  text-decoration: none;
  font-family: var(--wh-ff, 'Pretendard Variable', Pretendard, -apple-system, sans-serif);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: -0.02em;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16);
  -webkit-tap-highlight-color: transparent;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: background 0.15s ease, transform 0.1s ease;
}
.wh-admin-ui-fab:hover,
.wh-admin-ui-fab:focus-visible {
  background: rgba(25, 31, 40, 0.96);
  color: #fff;
  text-decoration: none;
}
.wh-admin-ui-fab:visited,
.wh-admin-ui-fab:active {
  color: #fff;
  text-decoration: none;
}
.wh-admin-ui-fab:active {
  transform: scale(0.97);
}
.wh-admin-ui-fab .material-symbols-outlined,
.wh-admin-ui-fab .material-symbols-rounded {
  font-size: 18px;
  line-height: 1;
  flex-shrink: 0;
}
.wh-admin-ui-fab__label {
  white-space: nowrap;
}

/* PC(1024+): 좌하단 노출 (헤더·검색바와 겹치지 않음) */
@media (min-width: 1024px) {
  .wh-admin-ui-fab {
    display: inline-flex;
    left: max(16px, env(safe-area-inset-left, 0px));
    top: auto;
    bottom: calc(20px + env(safe-area-inset-bottom, 0px));
  }
  body:has(#rm-wrap) .wh-admin-ui-fab,
  body:has(#bottom_nav) .wh-admin-ui-fab,
  body:has(nav#bottom_nav) .wh-admin-ui-fab {
    bottom: calc(84px + env(safe-area-inset-bottom, 0px));
  }
  /* PC force-desktop: 하단 탭 없음 */
  html.index-force-desktop-ui .wh-admin-ui-fab,
  html.search-force-desktop-ui .wh-admin-ui-fab,
  html.rooms-force-desktop-ui .wh-admin-ui-fab,
  html.sp-force-desktop-ui .wh-admin-ui-fab,
  html.book-force-desktop-ui .wh-admin-ui-fab,
  html.mypage-force-desktop-ui .wh-admin-ui-fab,
  html.profile-force-desktop-ui .wh-admin-ui-fab {
    bottom: calc(20px + env(safe-area-inset-bottom, 0px));
  }
}

html.wh-wehome-app .wh-admin-ui-fab {
  display: none !important;
}