/**
 * Document / e-media viewer chrome.
 *
 * The header HTML is the same template part as the homepage. What differs is
 * CSS: Spectra bakes header rules into the front-page stylesheet
 * (uag-css-46.css). On this CPT that file is not loaded, so the logo
 * container (alignfull + uagb-is-root-container) grows to fill the row and
 * the menu is pushed to the far side.
 *
 * Do not override justify-content on the white bar — Gutenberg already sets
 * center, which is how the homepage clusters logos + menu.
 * Only cap the Spectra logo column to the width Spectra itself uses (380px).
 */

body.synchrotron-doc-viewer-body .wp-block-post-title,
body.synchrotron-doc-viewer-body .wp-block-post-featured-image,
body.synchrotron-emedia-viewer-body .wp-block-post-title,
body.synchrotron-emedia-viewer-body .wp-block-post-featured-image {
	display: none !important;
}

body.synchrotron-doc-viewer-body .wp-block-post-content,
body.synchrotron-emedia-viewer-body .wp-block-post-content {
	max-width: none !important;
	width: 100% !important;
}

body.synchrotron-doc-viewer-body .wp-site-blocks > header,
body.synchrotron-doc-viewer-body .wp-site-blocks > footer,
body.synchrotron-emedia-viewer-body .wp-site-blocks > header,
body.synchrotron-emedia-viewer-body .wp-site-blocks > footer {
	max-width: none !important;
	width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

@media (min-width: 977px) {
	body.synchrotron-doc-viewer-body header .wp-block-uagb-container.uagb-block-47c02bc5,
	body.synchrotron-emedia-viewer-body header .wp-block-uagb-container.uagb-block-47c02bc5 {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		justify-content: flex-start !important;
		width: auto !important;
		max-width: 380px !important;
		min-width: 0 !important;
		flex: 0 0 auto !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}