/* Corrections pour l'ordre des cartes d'investissement sur mobile */

/* Sur mobile, on force l'ordre des cartes d'investissement */
@media (max-width: 768px) {
    .investment-cards {
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }
    
    /* Réinitialiser les transformations sur mobile pour éviter les problèmes de mise en page */
    .investment-card.featured {
        transform: none;
        order: 2; /* Carte premium en deuxième position */
        margin-top: 2rem;
        margin-bottom: 2rem;
    }
    
    /* Définir explicitement l'ordre des cartes */
    .investment-card:nth-child(1) {
        order: 1; /* Carte standard en première position */
    }
    
    .investment-card:nth-child(3) {
        order: 3; /* Carte institutional en troisième position */
    }
    
    /* Ajuster l'espacement et l'apparence sur mobile */
    .investment-card {
        width: 100%;
        margin-bottom: 1rem;
    }
    
    /* S'assurer que la carte premium se démarque sans utiliser scale */
    .investment-card.featured {
        border: 2px solid var(--accent-color);
        box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3);
    }
}

/* Ajustements pour les très petits écrans */
@media (max-width: 576px) {
    .investment-cards {
        gap: 1.5rem;
    }
    
    .investment-card.featured {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }
}