/*
 * click4ble.com — Global CSS utilities
 *
 * This file supplements the inline Tailwind config and CDN classes.
 * Keep additions minimal — prefer Tailwind utility classes in HTML.
 */

/* ── Font baseline ───────────────────────────────────────────────────────── */
body {
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont,
               'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

/* ── Hide scrollbar (cross-browser) while preserving scroll functionality ── */
.scrollbar-hide {
  -ms-overflow-style: none; /* IE / Edge */
  scrollbar-width:    none; /* Firefox  */
}
.scrollbar-hide::-webkit-scrollbar {
  display: none; /* Chrome / Safari / Opera */
}

/* ── Chat scroll — 4 px wide custom scrollbar ───────────────────────────── */
.chat-scroll {
  scrollbar-width: thin;
  scrollbar-color: #c4c5d7 transparent; /* outline-variant on transparent track */
}
.chat-scroll::-webkit-scrollbar       { width: 4px; }
.chat-scroll::-webkit-scrollbar-track { background: transparent; }
.chat-scroll::-webkit-scrollbar-thumb {
  background-color: #c4c5d7;
  border-radius:    9999px;
}

/* ── Material Symbols Outlined — base variation settings ────────────────── */
.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;
  font-variation-settings:  'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing:   antialiased;
}