/* Styles pour l'application boost */

.boost-gradient {
    background: linear-gradient(135deg, #FF6B35 0%, #FF4D4D 50%, #FF6B9D 100%);
}

.boost-card {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border: 2px solid rgba(255, 107, 53, 0.2);
}

.boost-slider {
    background: linear-gradient(to right, #FF6B35, #FF4D4D);
}

.boost-slider::-webkit-slider-thumb {
    background: #FFE66D;
    box-shadow: 0 0 10px rgba(255, 230, 109, 0.5);
}

.boost-slider::-moz-range-thumb {
    background: #FFE66D;
    box-shadow: 0 0 10px rgba(255, 230, 109, 0.5);
    border: none;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

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

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

/* Styles pour les boutons de boost */
.boost-button {
    background: linear-gradient(135deg, #FF6B35 0%, #FF4D4D 100%);
    transition: all 0.3s ease;
}

.boost-button:hover {
    background: linear-gradient(135deg, #FF4D4D 0%, #FF6B35 100%);
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(255, 107, 53, 0.3);
}

/* Styles pour les modals de boost */
.boost-modal {
    backdrop-filter: blur(10px);
}

.boost-modal-content {
    background: rgba(255, 255, 255, 0.95);
    border: 2px solid rgba(255, 107, 53, 0.2);
}

/* Styles pour les cartes d'événements avec boost */
.event-card-boost {
    border: 2px solid rgba(255, 107, 53, 0.1);
    transition: all 0.3s ease;
}

.event-card-boost:hover {
    border-color: rgba(255, 107, 53, 0.3);
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(255, 107, 53, 0.1);
}

/* Styles pour les badges de statut boost */
.boost-status-pending {
    background: linear-gradient(135deg, #FFE66D 0%, #FFD93D 100%);
    color: #92400E;
}

.boost-status-active {
    background: linear-gradient(135deg, #10B981 0%, #059669 100%);
    color: white;
}

.boost-status-completed {
    background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);
    color: white;
}

/* Styles pour les icônes de plateforme */
.platform-facebook {
    background: linear-gradient(135deg, #1877F2 0%, #0D6EFD 100%);
}

.platform-instagram {
    background: linear-gradient(135deg, #E4405F 0%, #C13584 100%);
}

.platform-twitter {
    background: linear-gradient(135deg, #1DA1F2 0%, #0D8BD9 100%);
}

.platform-default {
    background: linear-gradient(135deg, #6B7280 0%, #4B5563 100%);
}