/* Installed PWA and the App Store shell: no navy link back to the website. */
html.sc-pwa-standalone .fnd-parent-bar,
body.sc-pwa-standalone .fnd-parent-bar,
html.sc-native-app .fnd-parent-bar,
body.sc-native-app .fnd-parent-bar {
  display: none !important;
}

@media (display-mode: standalone), (display-mode: minimal-ui), (display-mode: fullscreen) {
  .fnd-parent-bar {
    display: none !important;
  }
}

/* Touch devices and the installed app only (html.sc-zoom-locked).
   Desktop browsers keep normal zoom. A chart detail window opts back in
   with data-sc-zoom plus is-open, or a dialog[data-sc-zoom][open]. */

html.sc-zoom-locked,
html.sc-zoom-locked body,
html.sc-zoom-locked body.app-body :where(a, button, input, select, textarea, label, summary, [role="button"]) {
  touch-action: pan-x pan-y;
}

html.sc-zoom-locked.sc-zoom-open,
html.sc-zoom-locked.sc-zoom-open body,
html.sc-zoom-locked [data-sc-zoom],
html.sc-zoom-locked [data-sc-zoom] :where(a, button, input, select, textarea, label, summary, [role="button"]) {
  touch-action: pan-x pan-y pinch-zoom;
}

/* Below 16px, iOS enlarges the whole page when a field is focused. */
html.sc-zoom-locked body :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="file"]):not([type="hidden"]):not([type="image"]),
  select,
  textarea
) {
  font-size: 16px !important;
}

html.sc-zoom-locked .speak-button-form :where(input, textarea) {
  font-size: 1.25rem !important;
}