/*
 * Impact report template (single-impact-reports.php): header, footer and UserWay placement.
 * The header and footer sit in a .ffir wrapper, so the blocks' scoped stylesheet
 * (ff-block-suite: impact-blocks.css) styles them; these are the 2025-26 adjustments.
 * Measurements follow the Figma frame "Impact Report" (1594px wide).
 */

/* Header: logo 64px from the top, lilac Menu button top right. */
.impact-report .ffir header {
	position: relative;
	z-index: 1000; /* the open menu lives in the header; keep it above block content (e.g. images at z-index 99) */
	padding-top: 64px;
	padding-bottom: 0;
}
/* The Menu button is fixed (stays visible while scrolling); 72px down and 60px in, as in the design. */
@media (min-width: 768px) {
	.impact-report .ffir header .navbar {
		top: 72px;
		right: 60px;
	}
	.impact-report.admin-bar .ffir header .navbar {
		top: 104px;
	}
}
.impact-report .ffir header .logo img {
	width: 280px;
	max-width: 280px;
	height: auto;
}
/* Stop the page scrolling behind the open menu. */
body.impact-report.menu-overlay {
	overflow: hidden;
}

/* Footer: Return to main website. */
.impact-report .report-footer {
	padding: 80px 20px 64px;
	text-align: center;
}
.impact-report .report-footer .button {
	min-width: 271px;
}

/* UserWay's button is set to the top right (UserWay dashboard), where the report's Menu button is.
   Move it below the header on report pages only. */
.impact-report .uwy.userway_p1,
.impact-report .uwy.userway_p1 .userway_buttons_wrapper {
	top: 150px !important;
}
.impact-report .uwy.userway_p1 .userway_buttons_wrapper {
	top: 0 !important; /* container carries the offset */
}

@media (max-width: 767px) {
	/* Keep the logo and Menu button on one row (the 2024-25 header CSS sizes the menu for desktop). */
	.impact-report .ffir header {
		padding-top: 24px;
	}
	.impact-report .ffir header .menu-wrapper {
		width: auto;
	}
	.impact-report .ffir header .logo img {
		width: 190px;
		max-width: 190px;
	}
	.impact-report .uwy.userway_p1 {
		top: 100px !important;
	}
}