/*
 * PA Public 0.8.5
 * Full-bleed site chrome while preserving AFFINGER's inner content width.
 */

#headbox-bg,
#footer-wrapper {
	position: relative;
	z-index: 0;
}

#headbox-bg::before,
#footer-wrapper::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	width: 100vw;
	transform: translateX(-50%);
	background: #222428;
	z-index: -1;
	pointer-events: none;
}

/* Prevent a sub-pixel viewport-width overflow without turning the page into a scroll container. */
html {
	overflow-x: clip;
}


/* v0.8.6 — compact desktop header rhythm */
@media screen and (min-width: 960px) {
	#headbox {
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}

	#header-l {
		padding-bottom: 0 !important;
	}

	#st-text-logo .sitename,
	#st-text-logo .descr {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	#st-text-logo .sitename + .descr,
	#st-text-logo .descr + .sitename {
		margin-top: 4px !important;
	}

	#st-text-logo .sitename {
		line-height: 1.25;
	}

	#st-text-logo .descr {
		line-height: 1.35;
	}
}


/* v0.8.7 — tighter page-to-chrome rhythm */
@media screen and (min-width: 960px) {
	/* PA pages: reduce the white gap below the header without changing horizontal layout. */
	body.pa-public-sidebar-mode main {
		padding-top: 20px !important;
	}

	/* Compact the footer while preserving AFFINGER's centered inner width. */
	#footer-in {
		padding-top: 22px !important;
		padding-bottom: 14px !important;
	}

	#st-footer-logo-wrapper {
		margin: 0 !important;
		padding: 0 !important;
	}

	#footer .footer-description,
	#footer .footerlogo,
	#footer .copyr {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	#footer .footer-description + .footerlogo,
	#footer .footerlogo + .footer-description {
		margin-top: 4px !important;
	}

	#footer .copyr {
		margin-top: 10px !important;
		line-height: 1.35;
	}
}