/* App/WebView mode only: hide website floating bottom menu.
   Flutter app already has its own bottom navigation. */
body.ukhn-app-mode .bottom-nav,
body.ukhn-app-mode .mobile-bottom-nav,
body.ukhn-app-mode .floating-bottom-nav,
body.ukhn-app-mode .ukhn-bottom-nav,
body.ukhn-app-mode .ukhn-mobile-bottom-nav,
body.ukhn-app-mode .ukhn-floating-bottom-menu,
body.ukhn-app-mode .bottom-menu,
body.ukhn-app-mode .mobile-menu-bottom,
body.ukhn-app-mode nav[aria-label="Bottom navigation"],
body.ukhn-app-mode nav[aria-label="Mobile bottom navigation"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Remove extra space that was added for website bottom nav */
body.ukhn-app-mode {
  padding-bottom: 0 !important;
}

/* Keep real page content usable in app */
body.ukhn-app-mode main,
body.ukhn-app-mode .container,
body.ukhn-app-mode .page,
body.ukhn-app-mode .content {
  padding-bottom: 24px !important;
}