/* ============================================================
   SOCHOUSE FONTS — Inter + Noto Color Emoji + JetBrains Mono
   Emoji: Noto Color Emoji (Google, open source) — konsisten di
   semua device: Android, Windows, Linux, iOS, macOS.
   ============================================================ */

:root {
  --sc-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'SF Pro Display', 'Helvetica Neue', 'Segoe UI', Roboto, Arial, sans-serif;

  /* Emoji chain — Noto Color Emoji dulu (konsisten), baru native fallback */
  --sc-font-emoji: 'Noto Color Emoji', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Android Emoji', 'EmojiOne Color', sans-serif;

  --sc-font-mono: ui-monospace, 'SF Mono', SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace;
}

/* ── Root: Inter untuk teks, Noto Color Emoji untuk emoji ── */
html, body {
  font-family: var(--sc-font-sans), var(--sc-font-emoji) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: 'kern' 1, 'liga' 1, 'cv11' 1;
}

/* ── Semua elemen text inherit dari parent ── */
h1, h2, h3, h4, h5, h6, p, span, div, a, li, td, th, label,
strong, em, small, b, i, u, header, footer, nav, section,
article, aside, main, button, input, select, textarea,
optgroup, option, figure, figcaption, blockquote, dl, dt, dd {
  font-family: inherit;
}

button, input, select, textarea, optgroup, option {
  font-family: inherit !important;
}

/* ── Monospace: code, kbd, dsb. ── */
code, pre, kbd, samp,
.receipt-mono, .admin-cell-mono,
.profile-hero-handle, .dm-voice-duration, .acc-handle,
[class*="mono"], [class*="Mono"] {
  font-family: var(--sc-font-mono) !important;
}

/* ── SCH symbol (Ꞩ) — pakai Noto Sans biasa biar glyph-nya jelas ── */
.sch-symbol, .sch-symbol *,
[data-wallet-symbol],
.profile-verify-glyph, .profile-verify-glyph * {
  font-family: 'Noto Sans', 'Noto Sans Symbols 2', 'Noto Sans Symbols',
               'Segoe UI Symbol', var(--sc-font-emoji) !important;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

/* ============================================================
   EMOJI-SPECIFIC — Paksa Noto Color Emoji
   Pakai selector ini kalau ada elemen yang khusus nampilin emoji
   (biar gak bocor ke font lain).
   ============================================================ */

/* Context menu DM, reaction badge, sticker panel */
.dm-ctx-emoji,
.dm-reaction-emoji,
.dm-reaction-badge,
.reaction-badge,
.emoji,
[data-emoji],
.emoji-picker,
.emoji-picker *,
.group-sticker-panel,
.sticker-emoji {
  font-family: var(--sc-font-emoji) !important;
}

/* Fallback universal: kalau lu mau paksa SEMUA emoji pakai Noto,
   tambah class "force-noto-emoji" di parent.
   Contoh: <div class="force-noto-emoji">🎉🎊</div> */
.force-noto-emoji,
.force-noto-emoji * {
  font-family: var(--sc-font-emoji) !important;
}

/* ============================================================
   Emoji size normalization
   Noto Color Emoji default render agak besar; koreksi ukuran biar
   match sama teks sekitarnya.
   ============================================================ */
body {
  /* Fallback line-height supaya emoji tidak bikin baris jadi tinggi */
  line-height: 1.5;
}