/**
 * Sticky-nav logo — sizing for the server-injected <img class="nav-sticky-logo">.
 *
 * Hand-written plain CSS, not compiled from src/scss, on purpose: it has to take
 * effect without `npm run build:child`, so the feature works the moment the file
 * lands. Enqueued from functions.php after the compiled child stylesheet.
 * See inc/sticky-logo.php for why the logo is injected rather than blocked out.
 *
 * If these rules ever move into src/scss/_header.scss, delete this file and the
 * matching wp_enqueue_style() call together.
 */

/* The injected mark. Sized off height so it keeps its natural proportions; the
   max-width/object-fit pair only bind if the 60px nav row runs out of space,
   and then it scales down instead of distorting. */
.nav-brand .nav-sticky-logo {
	height: 52px;
	width: auto;
	max-width: 100%;
	object-fit: contain;
	display: block;
	flex: 0 1 auto;
	min-width: 0;
}

/* Suppress any logo BLOCK still sitting inside the sticky brand — a header
   template part customised into the database may well hold the old
   core/site-logo there, and two logos side by side would be worse than none. */
.nav-brand .wp-block-site-logo,
.nav-brand .wp-block-image {
	display: none;
}

/* Mobile: a touch smaller so the logo shares the bar with the hamburger, the
   Cart pill and the brand text without crowding them. Matches the 900px
   breakpoint used throughout src/scss/_header.scss. */
@media (max-width: 900px) {
	.nav-brand .nav-sticky-logo {
		height: 42px;
	}
}