/* Professional Custom Icons */

/* Performance Toggle Icons */
.performance-toggle i {
    transition: all 0.3s ease;
}

.performance-toggle.active i {
    animation: pulse 2s infinite;
}

/* Theme Toggle Icons */
.theme-toggle i {
    transition: all 0.3s ease;
}

.theme-toggle:hover i {
    transform: rotate(180deg);
}

/* Sound Toggle Icons */
.sound-toggle i {
    transition: all 0.3s ease;
}

.sound-toggle:hover i {
    transform: scale(1.1);
}

/* Voice Assistant Icons */
.voice-assistant i {
    transition: all 0.3s ease;
}

.voice-assistant.listening i {
    animation: pulse 1s infinite;
    color: var(--secondary);
}

/* WhatsApp Button */
.whatsapp-float {
    transition: all 0.3s ease;
}

.whatsapp-float:hover {
    transform: scale(1.1);
    box-shadow: 0 5px 15px rgba(37, 211, 102, 0.4);
}

.whatsapp-float i {
    font-size: 1.5rem;
}

/* Chatbot Icons */
.chatbot-toggle i {
    transition: all 0.3s ease;
}

.chatbot-toggle:hover i {
    transform: scale(1.1) rotate(10deg);
}

.chatbot-container.show .chatbot-toggle i {
    animation: bounce 1s infinite;
}

/* Mobile Navigation Icons */
.mobile-tab-bar a {
    transition: all 0.3s ease;
}

.mobile-tab-bar a:hover i {
    transform: translateY(-2px);
}

.mobile-tab-bar a.active i {
    color: var(--secondary);
    animation: pulse 2s infinite;
}

/* Badge Icons */
.badge i {
    margin-right: 6px;
    vertical-align: middle;
}

/* Professional Hover States */
i.icon-hover {
    transition: all 0.3s ease;
}

i.icon-hover:hover {
    transform: scale(1.1);
    filter: brightness(1.2);
}

/* Loading States */
.icon-loading {
    animation: spin 1s linear infinite;
}

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

@keyframes pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.8; transform: scale(1.05); }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
    40% { transform: translateY(-3px); }
    60% { transform: translateY(-2px); }
}

/* Icon Sizing */
.icon-xs { font-size: 0.75rem; }
.icon-sm { font-size: 0.875rem; }
.icon-md { font-size: 1rem; }
.icon-lg { font-size: 1.25rem; }
.icon-xl { font-size: 1.5rem; }
.icon-2xl { font-size: 2rem; }

/* Icon Colors */
.icon-primary { color: #808080; }
.icon-secondary { color: #404040; }
.icon-success { color: #606060; }
.icon-warning { color: #707070; }
.icon-danger { color: #505050; }
.icon-muted { color: rgba(255, 255, 255, 0.6); }

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    i {
        animation: none !important;
        transition: none !important;
    }
}