/*
 * Phosphor Solid custom font + Divi 5 icon-picker integration.
 *
 * Codepoints: U+F4800-F4DE7 — Supplementary PUA-A (1512 solid icons, single
 * weight, spans several contiguous 0x200 blocks). Sibling to the Phosphor Line
 * set (3-weight, F4200-F47E7); this is the filled variant. Sources are the raw
 * Phosphor `-fill` SVGs (256 viewBox) with the `-fill` suffix stripped for
 * clean picker names; generated from src/fonts/phosphor-solid/ by
 * scripts/regen-font.py. slug `phosphor-solid` (kebab) -> internal Divi type
 * `phosphor_solid`.
 *
 * Two @font-face declarations: the standalone `phosphor-solid` family (picker
 * grid + `.ds-divi-icon-phosphor-solid`), and an ETmodules redeclaration
 * limited to our unicode-range so the browser composes our glyphs into the
 * ETmodules family only for our codepoints. No FontAwesome redeclaration.
 */

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

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

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

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