/*
 * Mobile header/logo horizontal-overflow fix (STOP 5B / Task A1).
 *
 * Root cause (confirmed via P4 report + fresh audit): the GeneratePress
 * custom-logo <img> carries a hard-coded width="256" HTML attribute, and its
 * flex-container ancestors have no min-width override, so the default flex
 * `min-width: auto` keeps the logo at its intrinsic width even though
 * `img { max-width: 100% }` is already in effect theme-wide. Result:
 * document.documentElement.scrollWidth > viewport width on small screens.
 *
 * This is a theme-markup issue (GeneratePress core, not in this repo), so it
 * is fixed here as a small, additive override rather than a theme edit.
 */
.site-header .inside-header,
.site-header .main-title,
.site-header .site-logo {
	min-width: 0;
}

.site-logo img,
.custom-logo-link img {
	width: auto;
	max-width: 100%;
	height: auto;
}