/* Venue 92 icons everywhere: core blocks print their own SVGs and offer no icon slot, so each of those <svg> elements
   is painted with the matching file of the "Venue 92 icons" collection (assets/icons/wp, the same files the Icon block
   offers). The SVG keeps its size and accessible markup; its own paths are hidden and the collection drawing is a
   mask filled with currentColor. Loaded on the front end and in the editor. Social logos stay core brand marks. */

:is(
	.wp-block-search__button svg,
	.wp-block-navigation__responsive-container-open svg,
	.wp-block-navigation__responsive-container-close svg,
	.wp-block-navigation-overlay-close svg,
	.wp-block-navigation__submenu-icon svg
) {
	background: currentColor;
	-webkit-mask: var(--vn-icon) center / contain no-repeat;
	mask: var(--vn-icon) center / contain no-repeat;
}
:is(
	.wp-block-search__button svg,
	.wp-block-navigation__responsive-container-open svg,
	.wp-block-navigation__responsive-container-close svg,
	.wp-block-navigation-overlay-close svg,
	.wp-block-navigation__submenu-icon svg
) > * { display: none; }

.wp-block-search__button svg { --vn-icon: url(../icons/wp/magnifying-glass.svg); }
.wp-block-navigation__responsive-container-open svg { --vn-icon: url(../icons/wp/list.svg); }
.wp-block-navigation__submenu-icon svg { --vn-icon: url(../icons/wp/caret-down.svg); }
:is(.wp-block-navigation__responsive-container-close svg, .wp-block-navigation-overlay-close svg) { --vn-icon: url(../icons/wp/x.svg); }