/* ═══════════════════════════════════════════════════
   aihaber — Badges (Magazine — keskin, uppercase)
   ═══════════════════════════════════════════════════ */

.badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  font: 800 11px/1 var(--font-body);
  letter-spacing: 2px;
  text-transform: uppercase;
  white-space: nowrap;
  background: var(--ink);
  color: #fff;
  border-radius: 0;
}

/* Star prefix */
.badge--star::before { content: '★'; font-size: 11px; letter-spacing: 0; }

/* Variants */
.badge--lime,
.badge-featured,
.badge-active        { background: var(--c-acc-lime); color: var(--ink); }
.badge--orange,
.badge-breaking,
.badge-pricing       { background: var(--c-acc-orange); color: #fff; }
.badge--orange.badge-breaking,
.badge-breaking      { animation: pulse-live 2s infinite; }
.badge-breaking .dot { width: 6px; height: 6px; background: #fff; border-radius: 50%; }

.badge--purple       { background: var(--c-acc-purple); color: #fff; }
.badge--ink,
.badge-new           { background: var(--ink); color: var(--c-acc-lime); }
.badge--paper        { background: var(--paper); color: var(--ink); border: 1px solid var(--ink); }

/* Soft (border-only) */
.badge-soft,
.badge-tag {
  background: transparent;
  color: var(--ink);
  border: 1px solid var(--paper-line);
  padding: 4px 10px;
  font-weight: 700;
  text-decoration: none;
  transition: background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);
}
.badge-tag:hover { background: var(--c-acc-lime); color: var(--ink); border-color: var(--c-acc-lime); }
.badge-soft-green  { color: var(--c-cat-code); border-color: var(--c-cat-code); }
.badge-soft-orange { color: var(--c-acc-orange); border-color: var(--c-acc-orange); }
.badge-soft-red    { color: #DC2626; border-color: #DC2626; }
.badge-soft-blue   { color: var(--c-cat-video); border-color: var(--c-cat-video); }

/* Category badges */
.badge-category,
.badge-cat-llm       { background: var(--c-cat-llm);      color: #fff; }
.badge-cat-tools     { background: var(--c-cat-tools);    color: #fff; }
.badge-cat-mcp       { background: var(--c-cat-mcp);      color: var(--ink); }
.badge-cat-research  { background: var(--c-cat-research); color: #fff; }
.badge-cat-news      { background: var(--c-cat-news);     color: #fff; }
.badge-cat-image     { background: var(--c-cat-image);    color: #fff; }
.badge-cat-video     { background: var(--c-cat-video);    color: #fff; }
.badge-cat-code      { background: var(--c-cat-code);     color: #fff; }
.badge-cat-biz       { background: var(--c-cat-code);     color: #fff; }
.badge-cat-ethics    { background: #DC2626;               color: #fff; }
.badge-cat-tutorial  { background: var(--c-cat-video);    color: #fff; }
.badge-cat-vision    { background: var(--c-cat-image);    color: #fff; }
.badge-cat-outline   { background: transparent; color: var(--ink); border: 1px solid var(--ink); }

/* Venue (paper conference name) */
.badge-venue {
  background: var(--paper);
  color: var(--c-pri);
  border: 1px solid var(--c-pri);
}

/* Official check */
.badge-official {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font: 800 10px/1 var(--font-body);
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--c-cat-code);
}
.badge-official svg { width: 14px; height: 14px; }

/* Size mods */
.badge--sm { padding: 2px 8px; font-size: 10px; letter-spacing: 1.5px; }
.badge--lg { padding: 6px 14px; font-size: 12px; letter-spacing: 2.5px; }

/* Pill — yumusak, rakam icin */
.pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 10px;
  font: 800 11px/1 var(--font-mono);
  letter-spacing: 0;
  background: var(--paper-soft);
  border: 1px solid var(--paper-line);
  color: var(--text-ink);
}
.pill--lime   { background: var(--c-acc-lime); color: var(--ink); border-color: var(--c-acc-lime); }
.pill--orange { background: var(--c-acc-orange); color: #fff; border-color: var(--c-acc-orange); }
.pill--ink    { background: var(--ink); color: #fff; border-color: var(--ink); }