/* ─── UTM Avo brand font — loaded site-wide via itrade_core (cloned from
 * wes_wallet_connect/css/utm-avo.css on 2026-05-17). Font files live inside
 * the iTrade theme (drupal/themes/itrade_theme/fonts/*.ttf) so the asset path
 * resolves through Drupal's theme handler regardless of multisite. ─── */
@font-face {
  font-family: 'UTM Avo';
  src: url('../fonts/UTMAvo.ttf') format('truetype');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'UTM Avo';
  src: url('../fonts/UTMAvoItalic.ttf') format('truetype');
  font-weight: 400; font-style: italic; font-display: swap;
}
@font-face {
  font-family: 'UTM Avo';
  src: url('../fonts/UTMAvoBold.ttf') format('truetype');
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'UTM Avo';
  src: url('../fonts/UTMAvoBold_Italic.ttf') format('truetype');
  font-weight: 700; font-style: italic; font-display: swap;
}

:root {
  --itrade-symbol-font: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Segoe UI Symbol", system-ui, sans-serif;
}

.itrade-symbol,
.itrade-symbol::before,
.itrade-symbol::after {
  font-family: var(--itrade-symbol-font) !important;
  font-weight: 400 !important;
  line-height: 1;
}

.itrade-overlay__close,
.itrade-wc-close,
[data-wl-remove],
.itrade-page-btn {
  font-family: var(--itrade-symbol-font) !important;
}

/* Apply UTM Avo to ALL Drupal pages */
html, body, .layout-container, .container,
.site-branding__name, .site-branding__slogan,
h1, h2, h3, h4, h5, h6,
button, input, select, textarea,
.itrade-legacy-shell, .itrade-legacy-shell *,
#itrade-wc-modal, #itrade-wc-modal *,
.itrade-wc-pane, .itrade-wc-pane *,
.primary-nav__menu-link, .secondary-nav__menu-link {
  font-family: 'UTM Avo', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}