/**
 * Theme Name:     Salient Child
 * Author:         Matt
 * Template:       salient
 * Text Domain:    salient-child
 * Description:    Child theme salient
 */

/* Shop Button */
/* Effet d'entrée sur le chargement de la page */
/* Animation d'entrée pour l'apparition du bouton */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: scale(0.95);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* Boutons qui ne sont pas #keep : style rouge avec effets */
body.material .nectar-button.has-icon.large:not(#keep) {
    background-color: #C21B13 !important;
    border-color: #C21B13 !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
    animation: fadeIn 0.5s ease-out;
}

body.material .nectar-button.has-icon.large:not(#keep):hover {
    background-color: rgba(194, 27, 19, 0.8) !important;
    border-color: rgba(194, 27, 19, 0.8) !important;
    transform: scale(1.05);
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2);
}

/* Bouton avec l'ID keep : style noir fixe, mais avec animation au chargement et au survol */
body.material .nectar-button.has-icon.large#keep {
    transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
    animation: fadeIn 0.5s ease-out;
}

body.material .nectar-button.has-icon.large#keep:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.7);
}