/*
 * Copywriter custom font + Divi 5 icon-picker integration.
 *
 * Codepoints: U+F2400-F241D — Supplementary PUA-A 0x100-aligned block with a >=0x100
 * growth buffer to the next font. Single-weight solid set. Generated from
 * src/fonts/copywriter/ by scripts/regen-font.py (codepoints are name-stable;
 * see the add-icon-font skill).
 *
 * Two @font-face declarations:
 *
 * 1. `copywriter` standalone family — used by the icon-picker grid and the
 *    `.ds-divi-icon-copywriter` 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: 'copywriter';
	src: url('../fonts/copywriter.woff2?v=1') format('woff2'),
		url('../fonts/copywriter.woff?v=1') format('woff'),
		url('../fonts/copywriter.ttf?v=1') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

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

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

/* Standalone usage: paste
 * `<i class="ds-divi-icon ds-divi-icon-copywriter">&#x...;</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-copywriter {
	font-family: 'copywriter' !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;
}
