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

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

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

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