/* ProBuilder app-feel helpers. Load in <head> of every page. */

/* Smooth cross-fade between pages (Chrome/Edge/Android; ignored elsewhere) */
@view-transition { navigation: auto; }
::view-transition-group(*),
::view-transition-old(*),
::view-transition-new(*) { animation-duration: .16s; }
@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(*),
  ::view-transition-old(*),
  ::view-transition-new(*) { animation: none !important; }
}

/* Removes the 300ms tap delay and accidental double-tap zoom */
a, button, input, select, label, summary, [role="button"] { touch-action: manipulation; }
img { -webkit-user-drag: none; }

/* Only when launched from the home screen: behave like a native app */
@media (display-mode: standalone) {
  body { -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; }
  input, textarea, select { -webkit-user-select: text; user-select: text; }
}

/* payments.php top bar has no notch padding; the other pages already do */
.appbar { padding-top: calc(14px + env(safe-area-inset-top, 0px)); }