/* Header styles extracted from components.css. */

header.wp-block-template-part,
.sw-site-header,
.spielwelt-site-header {
	position: sticky;
	top: 0;
	z-index: 30;
}

header.wp-block-template-part,
footer.wp-block-template-part {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}

:is(.sw-site-header, .spielwelt-site-header) {
	background: rgba(249, 251, 250, 0.9);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border-bottom: 1px solid rgba(215, 225, 220, 0.9);
}

:is(.sw-site-header__inner, .spielwelt-site-header__inner) {
	/* Gutenberg groups can be set to wrap in the editor; the live header must stay single-row. */
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: nowrap !important;
	gap: 1rem;
}

.sw-site-header .wp-block-site-logo,
.spielwelt-site-header .wp-block-site-logo,
.sw-site-header .wp-block-site-logo .custom-logo-link,
.spielwelt-site-header .wp-block-site-logo .custom-logo-link {
	flex: 0 0 auto;
	flex-shrink: 0;
	min-width: max-content;
}

.sw-site-header .wp-block-site-logo img,
.spielwelt-site-header .wp-block-site-logo img,
.sw-site-header .wp-block-site-logo .custom-logo,
.spielwelt-site-header .wp-block-site-logo .custom-logo {
	--sw-header-logo-height: 4.5rem;
	display: block;
	flex: 0 0 auto;
	flex-shrink: 0;
	height: var(--sw-header-logo-height);
	width: auto;
	max-width: none;
}