/**
 * Firefox-only header logo fix.
 *
 * Mozilla bug 1409529: an SVG whose only intrinsic sizing hint is a
 * `viewBox` (no `width`/`height` attributes) can't be laid out inside a
 * flex container in Firefox — Firefox needs an explicit `width` or
 * `height` to derive the other axis from the viewBox aspect ratio.
 * `max-height` is a constraint, not an anchor, so it isn't enough:
 * Firefox still sees `width:100%; height:auto` from the theme SCSS
 * and computes 0. Chrome/Safari/Edge fall back to the viewBox aspect
 * ratio directly and are unaffected.
 *
 * `@-moz-document url-prefix()` (the one Firefox-targeting selector
 * Mozilla still supports) scopes the override to Firefox only, so
 * other browsers keep the theme's original rendering — the homepage
 * logo included.
 */

@-moz-document url-prefix() {
	.header .wp-block-image.custom-logo img,
	header.wp-block-template-part .wp-block-image.custom-logo img {
		height: 60px;
		width: auto;
		max-width: 100%;
	}
}