/*
 * Bakery custom font + Divi 5 icon-picker integration.
 *
 * Codepoints: U+F0000-F001D — Supplementary PUA-A. The BMP PUA (…-F8FF) filled
 * up (art-gallery took the last aligned block at F800-F81D), so this set was
 * relocated into Supplementary PUA-A. CSS `\fXXXXX` escapes and unicode-range
 * both accept 5-digit codepoints, and Divi's picker/render JS copies the
 * unicode verbatim, so supplementary codepoints render end-to-end. The font
 * carries a format-12 cmap subtable (added by relocate-font-codepoints.py) so
 * the codepoints are actually encodable.
 *
 * Two @font-face declarations:
 *
 * 1. `bakery` standalone family — used by the icon-picker grid and the
 *    `.ds-divi-icon-bakery` standalone class.
 *
 * 2. Re-declaring `ETmodules` limited to our `unicode-range`, so the browser
 *    composes our glyphs into the ETmodules family only for our codepoints and
 *    falls back to Divi's original everywhere else. Our range is far above
 *    Divi's ETmodules file coverage (<= U+E906), so rendering is deterministic.
 *
 * No FontAwesome redeclaration: our icons always resolve through the ETmodules
 * family, and Divi's FA font has real glyphs across U+E005-F8FF — redeclaring
 * it for our range would risk hijacking genuine FA icons.
 */

@font-face {
	font-family: 'bakery';
	src: url('../fonts/bakery.woff2?v=3') format('woff2'),
		url('../fonts/bakery.woff?v=3') format('woff'),
		url('../fonts/bakery.ttf?v=3') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

@font-face {
	font-family: 'ETmodules';
	src: url('../fonts/bakery.woff2?v=3') format('woff2'),
		url('../fonts/bakery.woff?v=3') format('woff'),
		url('../fonts/bakery.ttf?v=3') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: block;
	unicode-range: U+F0000-F001D;
}

/* Icon-picker grid: render glyphs with the custom font directly. */
.et-vb-icon-picker-list button[data-type="bakery"]::after,
.et-vb-icon-picker-list button[data-type="bakery"]::before {
	font-family: 'bakery' !important;
	font-weight: 400 !important;
}

/* Standalone usage: paste
 * `<i class="ds-divi-icon ds-divi-icon-bakery">&#xf0000;</i>` anywhere. The
 * class both renders the glyph via the custom family and triggers the conditional
 * front-end enqueue (ds_icons_used_slugs scans for it). */
.ds-divi-icon-bakery {
	font-family: 'bakery' !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}