/**
 * 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);
}


@media only screen and (min-width: 1000px) {
    #header-outer #top > .container > .row {
        align-items: center;
        justify-content: space-between !important; /* Au lieu de center */
        position: relative;
    }

    /* Repositionner le logo à gauche normalement */
    #header-outer #top .span_3 {
        position: relative !important;
        left: auto !important;
        transform: none !important;
        margin: 0 !important;
    }

    /* S'assurer que la navigation à droite reste alignée à droite */
    #header-outer #top .span_9 {
        display: flex;
        justify-content: flex-end;
        margin-left: auto;
    }
}
/*
fix menu yarek.
 */

@media only screen and (max-width: 1300px) {
	#header-outer[data-has-menu][data-format] #top .row {
		display: flex;
		justify-content: center !important;
	}
}