/**
 * PWA “native shell” helpers — use with optional class on fixed headers/footers.
 * html.is-pwa is set in standalone / iOS home-screen mode.
 */
html.is-pwa .pwa-safe-top {
  padding-top: env(safe-area-inset-top, 0px);
}

html.is-pwa .pwa-safe-bottom {
  padding-bottom: env(safe-area-inset-bottom, 0px);
}

html.is-pwa .pwa-safe-left {
  padding-left: env(safe-area-inset-left, 0px);
}

html.is-pwa .pwa-safe-right {
  padding-right: env(safe-area-inset-right, 0px);
}

html.is-pwa .pwa-safe-x {
  padding-left: env(safe-area-inset-left, 0px);
  padding-right: env(safe-area-inset-right, 0px);
}