/**
 * EIC Simulator - Styles pour le wrapper WPBakery harmonisé
 * Styles pour les thèmes, versions forcées, debug et animations
 */

/* Thèmes de couleur */
.eic-theme-green {
    --eic-primary-color: #2e7d32;
    --eic-secondary-color: #4caf50;
    --eic-accent-color: #81c784;
    --eic-gradient-start: #2e7d32;
    --eic-gradient-end: #4caf50;
}

.eic-theme-orange {
    --eic-primary-color: #f57c00;
    --eic-secondary-color: #ff9800;
    --eic-accent-color: #ffb74d;
    --eic-gradient-start: #f57c00;
    --eic-gradient-end: #ff9800;
}

.eic-theme-purple {
    --eic-primary-color: #7b1fa2;
    --eic-secondary-color: #9c27b0;
    --eic-accent-color: #ba68c8;
    --eic-gradient-start: #7b1fa2;
    --eic-gradient-end: #9c27b0;
}

/* Versions forcées */
.eic-version-desktop .eic-simulator-container {
    display: flex;
}

.eic-version-desktop .eic-mobile-version {
    display: none;
}

.eic-version-mobile .eic-desktop-version {
    display: none;
}

.eic-version-mobile .eic-mobile-version {
    display: block;
}

/* Indicateur de debug */
.eic-debug-indicator {
    background: #d32f2f;
    color: white;
    padding: 8px 12px;
    font-size: 12px;
    text-align: center;
    margin-bottom: 15px;
    border-radius: 4px;
    font-weight: bold;
    letter-spacing: 1px;
}

/* Animations */
.eic-simulator-wrapper {
    animation: fadeInUp 0.6s ease-out;
}

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