/* Désactivation des animations sur le champ de montant d'investissement et performance mensuelle */

/* Ciblage spécifique des champs sans animation */
#investment-amount,
#performance-rate,
.performance-selector,
.performance-visual {
    animation: none !important;
    transition: none !important;
    transform: none !important;
}

/* Ciblage des conteneurs parents */
.input-group:has(#investment-amount),
.input-group:has(#performance-rate) {
    animation: none !important;
    transition: none !important;
    transform: none !important;
}

/* Désactivation des animations pour les éléments liés au montant d'investissement */
label[for="investment-amount"],
label[for="performance-rate"],
.input-group:has(#investment-amount) *,
.input-group:has(#performance-rate) * {
    animation: none !important;
    transition: none !important;
    transform: none !important;
}

/* Styles pour s'assurer que les champs restent fixes */
#investment-amount,
#performance-rate,
.performance-selector select {
    opacity: 1 !important;
    position: relative !important;
    z-index: 1 !important;
    background-color: rgba(20, 20, 20, 0.7) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
}

/* Désactivation des classes d'animation spécifiques */
#investment-amount.result-updated,
#performance-rate.result-updated,
.performance-selector.result-updated,
.input-group:has(#investment-amount).result-updated,
.input-group:has(#performance-rate).result-updated,
.input-group:has(#investment-amount) .result-updated,
.input-group:has(#performance-rate) .result-updated {
    animation: none !important;
    transition: none !important;
    transform: none !important;
}