@props(['seller'])

@if($seller->is_verified)
    <span class="badge bg-primary d-inline-flex align-items-center gap-1 verified-badge" data-bs-toggle="tooltip" title="KYC Verified Seller">
        <i class="bi bi-patch-check-fill"></i>
        <span class="d-none d-sm-inline">Verified Seller</span>
    </span>
@endif

<style>
    .verified-badge {
        background: linear-gradient(135deg, #0d6efd 0%, #0a58ca 100%) !important;
        padding: 0.35rem 0.65rem;
        font-size: 0.75rem;
        font-weight: 600;
        letter-spacing: 0.3px;
        border-radius: 50px;
        box-shadow: 0 2px 4px rgba(13, 110, 253, 0.25);
    }
    
    .verified-badge i {
        font-size: 0.9rem;
    }
</style>