document.addEventListener('DOMContentLoaded', function() {
    // Add interactive functionality to rating badges
    const badges = document.querySelectorAll('[class*="bg-"]:not(th)');
    
    badges.forEach(badge => {
        badge.addEventListener('click', function() {
            // Visual feedback when clicking a rating
            this.classList.add('scale-110');
            setTimeout(() => {
                this.classList.remove('scale-110');
            }, 300);
            
            // You could add more interactive functionality here
            console.log('Rating clicked:', this.textContent.trim());
        });
    });
    
    // Initialize tooltips for icons
    const icons = document.querySelectorAll('[data-feather]');
    icons.forEach(icon => {
        icon.setAttribute('title', icon.parentElement.textContent.trim());
    });
});