/* Emoji Style - Miglioramenti UI/UX con emoji e animazioni */

/* Variabili per emoji comuni */
:root {
    --emoji-primary: '🚀';
    --emoji-secondary: '💡';
    --emoji-success: '✅';
    --emoji-info: 'ℹ️';
    --emoji-warning: '⚠️';
    --emoji-error: '❌';
    --emoji-user: '👤';
    --emoji-team: '👥';
    --emoji-company: '🏢';
    --emoji-money: '💰';
    --emoji-chart: '📊';
    --emoji-document: '📄';
    --emoji-search: '🔍';
    --emoji-settings: '⚙️';
    --emoji-calendar: '📅';
    --emoji-mail: '📧';
    --emoji-phone: '📱';
    --emoji-location: '📍';
    --emoji-link: '🔗';
    --emoji-star: '⭐';
    --emoji-heart: '❤️';
    --emoji-time: '⏱️';
    --emoji-idea: '💭';
    --emoji-target: '🎯';
    --emoji-growth: '📈';
    --emoji-handshake: '🤝';
    --emoji-certificate: '🏆';
    --emoji-innovation: '🔬';
    --emoji-tech: '💻';
}

/* Classi per emoji */
.emoji {
    margin-right: 0.5rem;
    font-size: 1.2em;
    display: inline-block;
    vertical-align: middle;
    transform: translateY(-1px);
}

.emoji-lg {
    font-size: 1.5em;
}

.emoji-xl {
    font-size: 2em;
}

.emoji-pulse {
    animation: emoji-pulse 2s infinite;
}

@keyframes emoji-pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}

.emoji-bounce {
    animation: emoji-bounce 1s infinite;
}

@keyframes emoji-bounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-5px);
    }
}

.emoji-spin {
    animation: emoji-spin 2s linear infinite;
}

@keyframes emoji-spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* Miglioramenti UI generali */
.section-header h2::before {
    content: var(--emoji-secondary);
    margin-right: 0.75rem;
}

.feature-card:hover .feature-icon {
    animation: feature-icon-bounce 0.5s;
}

@keyframes feature-icon-bounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}

/* Miglioramenti per i bottoni */
.btn-primary::before {
    content: var(--emoji-primary);
    margin-right: 0.5rem;
    font-size: 1.1em;
}

.btn-secondary::before {
    content: var(--emoji-secondary);
    margin-right: 0.5rem;
    font-size: 1.1em;
}

/* Miglioramenti per le notifiche */
.notification.success .notification-content::before {
    content: var(--emoji-success);
    margin-right: 0.75rem;
    font-size: 1.2em;
}

.notification.info .notification-content::before {
    content: var(--emoji-info);
    margin-right: 0.75rem;
    font-size: 1.2em;
}

.notification.error .notification-content::before {
    content: var(--emoji-error);
    margin-right: 0.75rem;
    font-size: 1.2em;
}

.notification.warning .notification-content::before {
    content: var(--emoji-warning);
    margin-right: 0.75rem;
    font-size: 1.2em;
}

/* Miglioramenti per le card */
.stat-card:hover {
    transform: translateY(-5px);
    transition: transform 0.3s ease;
}

/* Miglioramenti per i form */
.form-group label::after {
    content: ' 📝';
    font-size: 0.9em;
}

/* Miglioramenti per le tabelle */
table th::before {
    content: '📋 ';
    font-size: 0.9em;
}

/* Miglioramenti per i menu */
.main-nav a:hover {
    transform: translateY(-2px);
    transition: transform 0.2s ease;
}

/* Effetti hover migliorati */
.hover-lift {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.hover-lift:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* Animazioni per le sezioni */
.animate-fade-in {
    animation: fade-in 0.8s ease-out;
}

@keyframes fade-in {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Miglioramenti per i profili */
.profile-header-content .ente-info h1::before {
    content: var(--emoji-company);
    margin-right: 0.75rem;
}

/* Miglioramenti per i bandi */
.opportunity-card .opportunity-title::before {
    content: var(--emoji-document);
    margin-right: 0.75rem;
}

/* Miglioramenti per le statistiche */
.stat-icon.users::before {
    content: var(--emoji-user);
}

.stat-icon.opportunities::before {
    content: var(--emoji-target);
}

.stat-icon.matches::before {
    content: var(--emoji-handshake);
}

.stat-icon.activity::before {
    content: var(--emoji-chart);
}

/* Miglioramenti per i footer */
.footer-contact li:nth-child(1)::before {
    content: var(--emoji-location);
    margin-right: 0.5rem;
}

.footer-contact li:nth-child(2)::before {
    content: var(--emoji-phone);
    margin-right: 0.5rem;
}

.footer-contact li:nth-child(3)::before {
    content: var(--emoji-mail);
    margin-right: 0.5rem;
}