/**
 * Brand marks where WordPress still renders its own logo.
 *
 * Two rules only:
 *
 * 1. The admin-bar mark. Core draws it as a dashicon glyph on `.ab-icon:before`
 *    (wp-includes/css/admin-bar.css). The branding module replaces the node title
 *    with an `<img>`, so that span no longer exists and the glyph disappears;
 *    this file just sizes the image and keeps the hit area usable on touch.
 * 2. A safety net for the glyph, in case another plugin or an older core still
 *    renders `.ab-icon` inside `#wp-admin-bar-wp-logo`.
 */

#wpadminbar #wp-admin-bar-wp-logo > .ab-item .jph-brand-mark,
#wpadminbar #wp-admin-bar-wp-logo > .ab-item img.jph-brand-mark {
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 3px;
	object-fit: contain;
}

/* Belt and braces: if anything still renders the dashicon span, hide its glyph
   rather than letting the WordPress mark reappear next to the brand mark. */
#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {
	content: none;
}

#wpadminbar #wp-admin-bar-wp-logo > .ab-item {
	display: flex;
	align-items: center;
	padding: 0 7px;
}

@media screen and (max-width: 782px) {
	#wpadminbar #wp-admin-bar-wp-logo > .ab-item {
		padding: 0 10px;
	}
}