/*
 * Bileşen: ER-Badge
 * Kullanım:
 * <span class="er-badge er-badge-success">Onaylandı</span>
 * <span class="er-badge-tag">Müzik</span>
 */

.er-badge {
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 500;
    display: inline-block;
    line-height: 1;
}

.er-badge-success { background: #DCFCE7; color: #166534; }
.er-badge-warning { background: #FEF3C7; color: #92400E; }
.er-badge-error { background: #FEE2E2; color: #991B1B; }
.er-badge-info { background: #DBEAFE; color: #1E40AF; }

/* Tag Style Badge */
.er-badge-tag {
    display: inline-flex;
    align-items: center;
    padding: 6px 14px;
    background: white;
    border: 1px solid var(--border-light);
    border-radius: 100px;
    font-size: 0.85rem;
    color: var(--text-muted);
    transition: all 0.2s ease;
    cursor: pointer;
}

.er-badge-tag:hover {
    border-color: var(--primary);
    color: var(--primary);
    background: var(--primary-soft);
}

.er-badge-glass {
    background: rgba(255, 255, 255, 0.2) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: white !important;
    font-weight: 600;
}