/* Effets de survol pour les cartes de tarification - Style identique aux cartes d'agents */

/* Bordure noire par défaut pour la carte standard (79€/mois) */
.pricing-card:not(.enterprise) {
    border-color: #000000 !important;
}

.pricing-card {
    transition: all 0.3s ease;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.pricing-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15), 0 4px 10px rgba(0, 0, 0, 0.1);
}

/* Effet de survol uniforme - bordure bleue pour toutes les cartes */
.pricing-card:hover {
    border-color: var(--primary-color) !important;
    box-shadow: 0 8px 25px rgba(38, 128, 235, 0.2), 0 4px 10px rgba(38, 128, 235, 0.1);
}

/* Effet de brillance sur l'icône prix au survol - uniforme en bleu */
.pricing-card:hover .price-amount {
    text-shadow: 0 0 10px rgba(38, 128, 235, 0.3);
    transform: scale(1.02);
    transition: all 0.3s ease;
}

/* Animation subtile des éléments de la liste au survol */
.pricing-card:hover .features-list li {
    animation: fadeInUp 0.3s ease forwards;
}

.pricing-card:hover .features-list li:nth-child(1) { animation-delay: 0.05s; }
.pricing-card:hover .features-list li:nth-child(2) { animation-delay: 0.1s; }
.pricing-card:hover .features-list li:nth-child(3) { animation-delay: 0.15s; }
.pricing-card:hover .features-list li:nth-child(4) { animation-delay: 0.2s; }
.pricing-card:hover .features-list li:nth-child(5) { animation-delay: 0.25s; }
.pricing-card:hover .features-list li:nth-child(6) { animation-delay: 0.3s; }
.pricing-card:hover .features-list li:nth-child(7) { animation-delay: 0.35s; }

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

/* Effet de survol sur les icônes des features - uniforme en bleu */
.pricing-card:hover .features-list li i {
    color: var(--primary-color);
    transform: scale(1.1);
    transition: all 0.3s ease;
}

/* Ajout d'un effet de gradient subtil au survol */
.pricing-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.6s ease;
    pointer-events: none;
    z-index: 1;
}

.pricing-card:hover::before {
    left: 100%;
}

/* S'assurer que le contenu reste au-dessus de l'effet */
.pricing-card > * {
    position: relative;
    z-index: 2;
}

/* Animation sur les chiffres au survol */
.pricing-card:hover .price-amount {
    animation: pulsePrice 0.6s ease;
}

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

/* Amélioration de l'effet de survol pour la note de prix */
.pricing-card:hover .price-note {
    color: var(--text-light);
    transform: translateY(-2px);
    transition: all 0.3s ease;
}

/* Responsive - réduire les effets sur mobile */
@media (max-width: 768px) {
    .pricing-card:hover {
        transform: translateY(-1px);
    }
    
    .pricing-card:hover .price-amount {
        transform: scale(1.01);
    }
    
    .pricing-card:hover .features-list li {
        animation: none;
    }
}