/* Safe Area Insets for phone notches and camera cutouts */

/* Apply safe area insets to the body element */
body {
	padding-top: max(env(safe-area-inset-top), 0px);
	padding-right: max(env(safe-area-inset-right), 0px);
	padding-bottom: max(env(safe-area-inset-bottom), 0px);
	padding-left: max(env(safe-area-inset-left), 0px);
}

/* Fixed navbar adjustments for safe area */
.navbar.is-fixed-top {
	top: max(env(safe-area-inset-top), 0px);
	padding-left: max(env(safe-area-inset-left), 0px);
	padding-right: max(env(safe-area-inset-right), 0px);
}

/* All navbar elements get left/right safe area padding */
.navbar {
	padding-left: max(env(safe-area-inset-left), 0px);
	padding-right: max(env(safe-area-inset-right), 0px);
}

/* Footer adjustments for safe area */
.footer {
	padding-left: max(env(safe-area-inset-left), 0px);
	padding-right: max(env(safe-area-inset-right), 0px);
	padding-bottom: max(env(safe-area-inset-bottom), 0px);
}

/* Fixed footer adjustments (if any footer becomes fixed-bottom) */
.footer.is-fixed-bottom {
	bottom: max(env(safe-area-inset-bottom), 0px);
	padding-left: max(env(safe-area-inset-left), 0px);
	padding-right: max(env(safe-area-inset-right), 0px);
}

/* Adjust main content to account for navbar safe area when body has safe area padding */
body.has-navbar-fixed-top {
	padding-top: max(calc(var(--bulma-navbar-height) + env(safe-area-inset-top)), var(--bulma-navbar-height));
}

/* Sidebar adjustments for safe area on mobile */
@media screen and (max-width: 1023px) {
	.sidebar {
		top: max(calc(var(--bulma-navbar-height) + env(safe-area-inset-top)), var(--bulma-navbar-height));
		padding-left: max(env(safe-area-inset-left), 0px);
		padding-bottom: max(env(safe-area-inset-bottom), 0px);
	}
}

/* Main content adjustments for safe area */
.main-content {
	padding-left: max(env(safe-area-inset-left), 0px);
	padding-right: max(env(safe-area-inset-right), 0px);
}