/*
 * Short pages: Bricks body is already flex column, but #brx-content does not grow,
 * so the footer sits mid-viewport with empty space below it.
 */
html {
	min-height: 100%;
}

body {
	min-height: 100vh !important;
	min-height: 100dvh !important;
	display: flex !important;
	flex-direction: column !important;
}

.admin-bar body {
	min-height: calc(100vh - 32px) !important;
	min-height: calc(100dvh - 32px) !important;
}

@media screen and (max-width: 782px) {
	.admin-bar body {
		min-height: calc(100vh - 46px) !important;
		min-height: calc(100dvh - 46px) !important;
	}
}

#brx-content {
	flex: 1 0 auto !important;
}

#brx-header,
#brx-footer {
	flex-shrink: 0;
}