:root {
  --f24-r259b-dock-space: calc(76px + env(safe-area-inset-bottom, 0px));
}

/* The standalone Communities shell must use the global mobile dock when it exists. */
@media (max-width: 1023px) {
  body:has(.f24-global-mobile-nav) #f24-c26g-host > nav {
    display: none !important;
  }

  html[data-f24-communities-standalone="1"] #f24-c26g-host > main {
    min-width: 0 !important;
    padding-bottom: var(--f24-r259b-dock-space) !important;
  }

  html[data-f24-communities-standalone="1"] #f24-c26g-host img,
  html[data-f24-communities-standalone="1"] #f24-c26g-host video,
  html[data-f24-communities-standalone="1"] #f24-c26g-host canvas {
    max-width: 100% !important;
  }
}

@media (max-width: 767px) {
  /* Prevent iOS focus zoom across Auth, dashboards, Booking, Marketplace and Communities. */
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="color"]),
  select,
  textarea {
    font-size: 16px !important;
  }

  #f24-c26g-host > header > div {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  #f24-c26g-host > header > div > nav {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  #f24-c26g-host > header > div > nav::-webkit-scrollbar {
    display: none;
  }

  #f24-c26g-host [data-f24-r259b-account-link="1"] {
    white-space: nowrap !important;
  }

  [role="dialog"] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
  [role="dialog"] select,
  [role="dialog"] textarea {
    font-size: 16px !important;
  }
}

@media (orientation: landscape) and (max-height: 520px) {
  html[data-f24-communities-standalone="1"] #f24-c26g-host > main {
    padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px)) !important;
  }
}