/**
 * mobile-app-bridge.css
 *
 * Pads the site's fixed header below the iOS status bar / Dynamic Island
 * when running inside the native app WebView. Scoped to body.mab-native-app
 * so desktop/mobile-web visitors are unaffected. env() requires
 * viewport-fit=cover on the viewport meta (set by mobile-app-bridge.js).
 */
body.mab-native-app .bb-mobile-header-wrapper {
	/* Fallback for engines without env() */
	padding-top: 20px;
	padding-top: env( safe-area-inset-top, 20px );
	/* Wrapper has an explicit 76px height from theme breakpoint rules;
	   border-box padding would squeeze the icon row instead of pushing it
	   down. Release height and let the inner .bb-mobile-header (76px)
	   define content height, so total = 76px + inset. */
	height: auto;
}