/* ═══════════════════════════════════════════════════
   AiHaber — Badge Components
   Tags, category badges, pricing badges etc.
   ═══════════════════════════════════════════════════ */

/* ─── BASE BADGE ─────────────────────────────────── */
.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1.4;white-space:nowrap}

/* ─── CATEGORY BADGES ────────────────────────────── */
.badge-category{background:var(--c-cat-llm);color:#fff}
.badge-venue{background:var(--c-pri-bg);color:var(--c-pri);border:1px solid var(--c-pri-border)}
.badge-pricing{background:var(--c-ok);color:#fff;font-size:10px;padding:2px 8px;border-radius:10px}
.badge-breaking{background:rgba(239,68,68,.15);color:var(--c-err);display:flex;align-items:center;gap:5px;animation:pulse-live 2s infinite}
.badge-breaking .dot{width:6px;height:6px;border-radius:50%;background:var(--c-err)}
.badge-active{background:rgba(34,197,94,.18);color:var(--c-ok);padding:2px 8px;border-radius:10px;font-size:10px;font-weight:600}

/* ─── DYNAMIC CATEGORY COLORS ────────────────────── */
.badge-cat-llm{background:#7C3AED;color:#fff}
.badge-cat-research{background:#C026D3;color:#fff}
.badge-cat-biz{background:#059669;color:#fff}
.badge-cat-tools{background:#EA580C;color:#fff}
.badge-cat-ethics{background:#DC2626;color:#fff}
.badge-cat-tutorial{background:#2563EB;color:#fff}
.badge-cat-outline{padding:2px 8px;border-radius:4px;font-size:10px}

/* ─── SOFT BADGES (AIBase-style) ─────────────────── */
.badge-soft{background:var(--c-pri-bg);color:var(--c-pri);border:1px solid var(--c-pri-border);font-weight:600;padding:3px 10px;border-radius:6px;font-size:11px}
.badge-soft-green{background:rgba(16,185,129,.08);color:#059669;border:1px solid rgba(16,185,129,.2)}
.badge-soft-orange{background:rgba(234,88,12,.08);color:#EA580C;border:1px solid rgba(234,88,12,.2)}
.badge-soft-red{background:rgba(220,38,38,.08);color:#DC2626;border:1px solid rgba(220,38,38,.2)}
.badge-soft-blue{background:rgba(37,99,235,.08);color:#2563EB;border:1px solid rgba(37,99,235,.2)}

/* ─── TAG BADGES ─────────────────────────────────── */
.badge-tag{padding:4px 12px;border-radius:6px;font-size:12px;font-weight:500;background:var(--c-pri-bg);border:1px solid var(--c-pri-border);color:var(--c-pri);transition:all .2s;text-decoration:none}
.badge-tag:hover{background:var(--c-pri);color:#fff;border-color:var(--c-pri)}

/* ─── OFFICIAL BADGE ─────────────────────────────── */
.badge-official{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:700;color:#10b981}
.badge-official svg{width:14px;height:14px}