/**
 * Mobile / tablet header logo — Journal3 default is 90px max width.
 * Desktop (>1200px) unchanged.
 */
@media (max-width: 1200px) {
	.mobile-header-active #logo {
		--logo-max-width: min(280px, 58vw) !important;
	}

	.mobile-header-active #logo a {
		display: flex;
		align-items: center;
		max-width: 100%;
	}

	.mobile-header-active #logo img.header-logo,
	.mobile-header-active #logo img.header-logo-alternate {
		width: auto !important;
		height: auto !important;
		max-width: min(280px, 58vw) !important;
		max-height: 52px !important;
		object-fit: contain;
	}

	.mobile-header-active .mobile-logo-wrapper {
		flex: 1 1 auto;
		min-width: 0;
	}
}

@media (max-width: 767px) {
	.mobile-header-active #logo {
		--logo-max-width: min(220px, 64vw) !important;
	}

	.mobile-header-active #logo img.header-logo,
	.mobile-header-active #logo img.header-logo-alternate {
		max-width: min(220px, 64vw) !important;
		max-height: 46px !important;
	}
}