/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/

/*--------------------------------------------------------------
Mobile header (the parent theme renders it below 800px only)
--------------------------------------------------------------*/
@media screen and (max-width: 799px) {

	/* Left-align the logo.
	   Parent centers it via `body:not(.logged-in) .bb-mobile-header .flex-1`
	   and `.bb-single-icon .mobile-logo-wrapper` (theme.css:6328, :7413). */
	body:not(.logged-in) .bb-mobile-header .flex-1,
	.bb-mobile-header-wrapper.bb-single-icon .mobile-logo-wrapper {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}

	/* Hide the search icon for logged-out visitors. Scoped to .bb-mobile-header
	   so the desktop header search is untouched. `display: none` also drops it
	   from the tab order and the accessibility tree. */
	body:not(.logged-in) .bb-mobile-header .header-search-link,
	body:not(.logged-in) .bb-mobile-header .search-separator {
		display: none;
	}

	/* "Einloggen" button, injected for guests in functions.php. */
	.bb-mobile-header .header-aside .bb-mobile-header-buttons {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 0;
	}

	.bb-mobile-header .header-aside .bb-mobile-header-buttons .button {
		min-height: 44px; /* touch target */
		white-space: nowrap;
	}

	/* Degraded state: only rendered when a parent update removed the splice
	   point, so the button stays reachable instead of vanishing. */
	.bb-mobile-login-fallback {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		padding: 8px 15px;
	}
}

/* The fallback sits outside .bb-mobile-header-wrapper, so it needs its own
   desktop guard — the wrapper's own `display: none` does not cover it. */
@media screen and (min-width: 800px) {
	.bb-mobile-login-fallback {
		display: none;
	}
}