/* Alerjen ve hassasiyet rozetleri — tenant temasıyla (CSS değişkenleriyle) uyumlu.
   Uyarı rozetleri (alkol/domuz) bilgi rozetlerinden görsel olarak ayrışır (DOCS/VERI_MODELI.md §3.2). */

.badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.6;
    border: 1px solid transparent;
    white-space: nowrap;
}

/* Bilgi rozeti: vejetaryen/vegan/acılı */
.badge-info {
    background: var(--ok-soft);
    color: var(--ok);
}

/* Uyarı rozeti: alkol/domuz — dikkat çeker */
.badge-warn {
    background: var(--warn-soft);
    color: var(--warn);
    border-color: var(--warn);
}

/* Alerjen rozeti: nötr, ayrı kavram */
.badge-allergen {
    background: var(--surface-2);
    color: var(--ink);
    border-color: var(--line);
    font-weight: 600;
}

/* classic .tag modifierleri (product-detail) */
.tag.success {
    background: var(--ok-soft);
    color: var(--ok);
}
.tag.warning {
    background: var(--warn-soft);
    color: var(--warn);
}