/* Hide theme chrome on the For The Love Of Jazz app page */
html.ftl-app-html,
body.ftl-app-body,
body.ftl-app-page,
body.ftl-hide-theme-chrome {
	margin: 0 !important;
	padding: 0 !important;
	background: #000 !important;
	min-height: 100%;
	min-height: 100dvh;
	min-height: -webkit-fill-available;
	overscroll-behavior: none;
}

/* Prefer app-like fullscreen when launched from home screen / installed PWA */
@media all and (display-mode: standalone),
all and (display-mode: fullscreen),
all and (display-mode: minimal-ui) {
	html.ftl-app-html,
	body.ftl-app-body {
		min-height: 100dvh;
	}
}

body.ftl-app-page #wpadminbar {
	display: none !important;
}

body.ftl-app-page {
	padding-top: 0 !important;
}

/* Hide WordPress/theme chrome only — never the in-app header/buttons */
body.ftl-hide-theme-chrome > header,
body.ftl-hide-theme-chrome .site-header,
body.ftl-hide-theme-chrome .main-navigation,
body.ftl-hide-theme-chrome .main-header,
body.ftl-hide-theme-chrome .elementor-location-header,
body.ftl-hide-theme-chrome .elementor-location-footer,
body.ftl-hide-theme-chrome > footer,
body.ftl-hide-theme-chrome .site-footer,
body.ftl-hide-theme-chrome .site-navigation,
body.ftl-hide-theme-chrome nav#site-navigation,
body.ftl-hide-theme-chrome .menu-toggle,
body.ftl-hide-theme-chrome .primary-menu,
body.ftl-hide-theme-chrome #masthead,
body.ftl-hide-theme-chrome #colophon,
body.ftl-hide-theme-chrome .ast-above-header,
body.ftl-hide-theme-chrome .ast-main-header-wrap,
body.ftl-hide-theme-chrome .ast-below-header,
body.ftl-hide-theme-chrome .generate-back-to-top,
body.ftl-hide-theme-chrome .gb-container.menu,
body.ftl-hide-theme-chrome .wp-block-navigation {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	overflow: hidden !important;
}

/* Ensure the app top bar (bell / plus / hamburger) stays visible */
.ftl-app-shell > .ftl-app-frame > header.ftl-app-header,
.ftl-app-shell header.ftl-app-header {
	display: flex !important;
	visibility: visible !important;
	height: auto !important;
	overflow: visible !important;
	opacity: 1 !important;
}

.ftl-theme-bypass {
	min-height: 100dvh;
	margin: 0;
	padding: 0;
	background: #000;
}

.ftl-app-shell {
	min-height: 100dvh;
	width: 100%;
}

body.ftl-app-body .ftl-app-shell .ftl-app-frame {
	margin-left: auto;
	margin-right: auto;
	max-width: none;
	border: 0;
	box-shadow: none;
}

/* True full-screen app chrome on mobile */
@media (max-width: 639.98px) {
	html.ftl-app-html,
	body.ftl-app-body,
	body.ftl-app-page {
		width: 100%;
		height: 100%;
		height: 100dvh;
		overflow: hidden !important;
		position: fixed;
		inset: 0;
	}

	.ftl-theme-bypass,
	.ftl-app-shell {
		position: fixed;
		inset: 0;
		width: 100%;
		height: 100%;
		height: 100dvh;
		max-width: none;
		margin: 0;
		padding: 0;
		z-index: 99999;
	}

	.ftl-app-shell .ftl-app-frame {
		width: 100% !important;
		max-width: none !important;
		height: 100% !important;
		height: 100dvh !important;
		min-height: 100dvh !important;
		border: 0 !important;
		box-shadow: none !important;
		margin: 0 !important;
		border-radius: 0 !important;
	}

	.ftl-app-shell header {
		padding-top: max(0.75rem, env(safe-area-inset-top));
	}

	.ftl-app-shell .glass-nav {
		padding-bottom: max(0.25rem, env(safe-area-inset-bottom));
		height: auto;
		min-height: 4rem;
	}
}

@media all and (display-mode: standalone),
all and (display-mode: fullscreen),
all and (display-mode: minimal-ui) {
	.ftl-theme-bypass,
	.ftl-app-shell,
	.ftl-app-shell .ftl-app-frame {
		width: 100%;
		height: 100%;
		height: 100dvh;
		max-width: none !important;
		border: 0 !important;
		box-shadow: none !important;
	}
}