/* Standalone-mode shell safety net. Kept independent from the React bundle so
 * a static PWA release cannot change any order or payment behaviour. */
html[data-app-display-mode='standalone'] {
  --pwa-safe-top: env(safe-area-inset-top, 0px);
  --pwa-safe-bottom: env(safe-area-inset-bottom, 0px);
}

@media (max-width: 767px) {
  html[data-app-display-mode='standalone'],
  html[data-app-display-mode='standalone'] body,
  html[data-app-display-mode='standalone'] #root {
    min-height: 100dvh;
  }

  html[data-app-display-mode='standalone'] .public-layout-header,
  html[data-app-display-mode='standalone'] .user-layout-header {
    box-sizing: border-box;
    min-height: calc(56px + var(--pwa-safe-top));
    padding-top: var(--pwa-safe-top) !important;
  }

  html[data-app-display-mode='standalone'] .public-layout-root,
  html[data-app-display-mode='standalone'] .user-layout-root {
    min-height: 100dvh;
    padding-bottom: var(--pwa-safe-bottom);
  }
}