/* ============================================================
   Shopalli — global custom styles (loaded on every page)
   ============================================================ */

/* ── Chat icon in header nav ──────────────────────────────── */
.nav-chat-icon {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  transition: stroke 0.15s;
}

/* Active state on the chat page */
.nav-icon-active {
  color: var(--primary) !important;
}

.nav-icon-active .nav-chat-icon {
  stroke: var(--primary);
}