/* Experiment: the header capsule becomes a full-width bar flush with the top
   edge, without rounded corners. Loaded on top of style.css only while
   XOEE_HEADER_FULLWIDTH is true in functions.php; switch it off to restore
   the floating capsule. */
.site-header {
	top: var(--wp-admin--admin-bar--height, 0px);
	padding-inline: 0 !important;
}
/* Inner padding lines the logo and CTA up with the wide content column. */
.site-header > .header-capsule {
	max-width: none !important;
	width: 100%;
	margin-inline: 0 !important;
	border-radius: 0;
	padding-block: 10px;
	padding-inline: max(var(--wp--style--root--padding-left), calc((100% - var(--wp--style--global--wide-size)) / 2));
	box-shadow: 0 1px 0 var(--hairline), 0 20px 60px rgb(0 0 0 / 0.35);
}
/* The gradient rim reads as a frame on a bar; the bottom hairline replaces it. */
.site-header > .header-capsule::before {
	display: none;
}
@media (max-width: 781px) {
	.site-header > .header-capsule {
		padding-block: 8px;
	}
}