/* iOS standalone PWAs use "black-translucent" for apple-mobile-web-app-status-bar-style,
   which makes the system status bar transparent instead of colored (Apple has no
   equivalent to Android's theme-color for this). This fills that area with the brand
   green so it visually matches Android's status bar. */
.ios-status-bar-fill {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: env(safe-area-inset-top, 0px);
    background: var(--color-primary);
    z-index: 2001;
}

html.pwa-ios.pwa-standalone .ios-status-bar-fill {
    display: block;
}

html.pwa-ios.pwa-standalone body {
    padding-top: env(safe-area-inset-top, 0px);
}

html.pwa-ios.pwa-standalone header.sticky-top {
    top: env(safe-area-inset-top, 0px);
}