/*
 * The popup menu panel is an Elementor container with a 10px margin and a 40px
 * radius, sized 45vw on desktop so it reads as a floating card. On phones the
 * outer layer goes 100vw/100vh but stays transparent, so that same margin and
 * radius leave a light gutter of the #F0F0F0 body background around a menu that
 * covers the whole screen — it looks like the overlay failed to paint.
 *
 * Give the fixed .site--menu layer itself the panel colour on phones. The card
 * keeps its margin and radius, they are simply invisible against an identical
 * backing colour, so nothing reflows and the desktop card is untouched.
 */
@media (max-width: 767px) {
	.site--nav.nav--popup .site--menu {
		background-color: #0e0e0e;
	}

	body.layout--switched .site--nav.nav--popup .site--menu {
		background-color: #191919;
	}
}