/*
 * Block-theme structure shared with Mechmagic.
 * A360 keeps its own colours, typography and component styling in style.css.
 */
.wp-site-blocks {
	padding-top: 0;
	padding-bottom: 0;
}

.wp-site-blocks > *,
.a360-fse-header + .a360-fse-main {
	margin-block-start: 0 !important;
}

.mm-fse-header {
	position: relative;
	z-index: 20;
	display: block;
	min-height: 96px;
	color: #fff;
	background: #031123;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.mm-fse-header--overlay {
	position: absolute;
	inset: 0 0 auto;
	background: transparent;
}

.mm-fse-header-shell {
	margin: 0 !important;
	background: transparent !important;
}

.mm-fse-header-inner {
	width: min(calc(100% - 40px), var(--container)) !important;
	min-height: 96px;
	max-width: var(--container) !important;
	margin-right: auto !important;
	margin-left: auto !important;
	padding: 0;
	gap: 30px;
}

.mm-fse-logo {
	flex: 0 1 230px;
	margin: 0 !important;
}

.mm-fse-logo img {
	display: block;
	width: 230px;
	max-width: 32vw;
	max-height: 78px;
	object-fit: contain;
}

.mm-fse-navigation {
	color: #fff;
	font-size: 13px;
	font-weight: 700;
}

.mm-fse-navigation .wp-block-navigation-item__content {
	color: #fff;
}

.mm-fse-main {
	margin: 0;
}

.mm-main--block-hero .a360-panorama-hero__content {
	width: min(calc(100% - 40px), var(--container));
	max-width: var(--container);
	margin-right: auto;
	margin-left: auto;
}

.mm-main--block-hero .mm-editor-hero-layout {
	width: 100%;
	max-width: none;
	margin: 0;
}

.mm-main--block-hero .mm-editor-hero-layout > .hero-copy {
	width: min(690px, 100%);
	max-width: 690px;
	margin-right: auto !important;
	margin-left: 0 !important;
}

.mm-fse-header--overlay ~ .mm-fse-main .wp-block-a360-panorama-hero.a360-panorama-hero {
	z-index: 1 !important;
}

@media (max-width: 900px) {
	.mm-fse-header-inner {
		width: calc(100% - 40px) !important;
	}

	.mm-main--block-hero .a360-panorama-hero__content {
		width: calc(100% - 40px);
	}
}

@media (max-width: 782px) {
	.mm-fse-header,
	.mm-fse-header-inner {
		min-height: 72px;
	}

	.mm-fse-logo {
		flex-basis: 180px;
		max-width: 65vw;
	}

	.mm-fse-logo img {
		width: 180px !important;
		height: 58px;
		max-width: 65vw !important;
	}

	.mm-fse-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) {
		display: none;
	}
}

@media (max-width: 620px) {
	.mm-fse-header-inner {
		width: calc(100% - 28px) !important;
	}

	.mm-main--block-hero .a360-panorama-hero__content {
		width: calc(100% - 28px);
	}
}