/* ═══════════════════════════════════════════════════
   LOCAL FONTS — No external requests
   Served from /static/css/
   ═══════════════════════════════════════════════════ */

/* Inter */
@font-face {
  font-family: 'Inter';
  src: url('/static/css/inter.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* Manrope */
@font-face {
  font-family: 'Manrope';
  src: url('/static/css/manrope.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* Material Symbols Outlined (Optimized 26KB Subset) */
@font-face {
  font-family: 'Material Symbols Outlined';
  src: url('/static/css/material-symbols.woff2?v=2.2') format('woff2');
  font-weight: 100 700;
  font-style: normal;
  font-display: block;
}

.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
.material-symbols-outlined.filled {
  font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Fallback styles when Material Symbols font is blocked (e.g. on Tor Browser) */
.no-material-font .material-symbols-outlined {
  font-family: inherit !important;
  font-size: 0 !important;
  color: transparent !important;
  line-height: 0 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 1.25em !important;
  height: 1.25em !important;
  vertical-align: middle;
}
.no-material-font .material-symbols-outlined::before {
  font-size: 14px !important;
  color: currentColor !important;
  display: inline-block !important;
}

/* Specific icon mappings to Unicode/Emoji symbols */
.no-material-font .material-symbols-outlined[data-icon="storefront"]::before { content: '🏪'; }
.no-material-font .material-symbols-outlined[data-icon="account_balance_wallet"]::before { content: '💳'; }
.no-material-font .material-symbols-outlined[data-icon="logout"]::before { content: '🚪'; }
.no-material-font .material-symbols-outlined[data-icon="person"]::before { content: '👤'; }
.no-material-font .material-symbols-outlined[data-icon="shopping_cart"]::before { content: '🛒'; }
.no-material-font .material-symbols-outlined[data-icon="close"]::before { content: '✕'; font-size: 16px !important; }
.no-material-font .material-symbols-outlined[data-icon="menu"]::before { content: '☰'; font-size: 18px !important; }
.no-material-font .material-symbols-outlined[data-icon="receipt_long"]::before { content: '📋'; }
.no-material-font .material-symbols-outlined[data-icon="group"]::before { content: '👥'; }
.no-material-font .material-symbols-outlined[data-icon="support_agent"]::before { content: '🎧'; }
.no-material-font .material-symbols-outlined[data-icon="add_circle"]::before { content: '➕'; }
.no-material-font .material-symbols-outlined[data-icon="shopping_bag"]::before { content: '🛍️'; }
.no-material-font .material-symbols-outlined[data-icon="help"]::before { content: '❓'; }
.no-material-font .material-symbols-outlined[data-icon="verified_user"]::before { content: '🛡️'; }
.no-material-font .material-symbols-outlined[data-icon="fingerprint"]::before { content: '🔑'; }
.no-material-font .material-symbols-outlined[data-icon="shield"]::before { content: '🛡️'; }
.no-material-font .material-symbols-outlined[data-icon="info"]::before { content: 'ℹ️'; }
.no-material-font .material-symbols-outlined[data-icon="send"]::before { content: '✉️'; }
.no-material-font .material-symbols-outlined[data-icon="arrow_back"]::before { content: '←'; font-size: 16px !important; }
.no-material-font .material-symbols-outlined[data-icon="delete"]::before { content: '🗑️'; font-size: 16px !important; }
.no-material-font .material-symbols-outlined[data-icon="admin_panel_settings"]::before { content: '⚙️'; }
.no-material-font .material-symbols-outlined[data-icon="apps"]::before { content: '📱'; }
.no-material-font .material-symbols-outlined[data-icon="arrow_downward"]::before { content: '↓'; font-size: 16px !important; }
.no-material-font .material-symbols-outlined[data-icon="arrow_upward"]::before { content: '↑'; font-size: 16px !important; }
.no-material-font .material-symbols-outlined[data-icon="check_circle"]::before { content: '✔️'; }
.no-material-font .material-symbols-outlined[data-icon="schedule"]::before { content: '🕒'; }
.no-material-font .material-symbols-outlined[data-icon="search"]::before { content: '🔍'; }
.no-material-font .material-symbols-outlined[data-icon="progress_activity"]::before { content: '⏳'; }
.no-material-font .material-symbols-outlined[data-icon="inventory_2"]::before { content: '📦'; }
.no-material-font .material-symbols-outlined[data-icon="autorenew"]::before { content: '🔄'; }
