/**
 * Android Capacitor UI: island nav, check-in transitions, and chat composer chrome.
 * :has() is supported on modern Android WebView.
 */
html.hoozir-native-android .bottommenu {
  width: min(calc(90vw + 16px), calc(100vw - 16px)) !important;
  max-width: 516px !important;
}

html.hoozir-native-android .bottommenu:not(.hoozir-bottommenu-kb-pinned) {
  top: calc(var(--hoozir-android-vv-bottom, 100dvh) - var(--hoozir-android-bottommenu-height, 72px) - var(--hoozir-android-bottommenu-gap, 12px)) !important;
  bottom: auto !important;
  margin: 0 auto !important;
}

html.hoozir-native-android .checkin.hoozir-checkin-slide-clipped {
  overflow: hidden;
  contain: layout paint;
}

html.hoozir-native-android .checkin-start {
  contain: layout paint;
  will-change: transform;
  backface-visibility: hidden;
}

html.hoozir-native-android .bottom-menu-contain {
  padding-left: 8px !important;
  padding-right: 8px !important;
  box-sizing: border-box;
}

html.hoozir-native-android .bottom-menu-contain:has(.chat-box:not(.hide)) {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

html.hoozir-native-android .bottom-menu-contain:has(.chat-box:not(.hide)) .chat-box {
  border-radius: 15px;
  overflow: hidden;
}

html.hoozir-native-android .bottom-menu-contain:has(.chat-box:not(.hide)) .form-block-4 {
  grid-template-columns: 30px minmax(0, 1fr) 40px;
  grid-column-gap: 10px;
  width: 100%;
  max-width: 100%;
  padding-left: 4px;
  padding-right: 6px;
  box-sizing: border-box;
}

html.hoozir-native-android .bottom-menu-contain:has(.chat-box:not(.hide)) .form-4 {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

html.hoozir-native-android .bottom-menu-contain:has(.chat-box:not(.hide)) .send-message {
  margin-right: 0;
}