/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 4.27.4.1738939856
Updated: 2025-02-07 15:50:56

*/

.woocommerce p.stars a {
    color: #e0c07b !important;
}

/* Assure que le label prend toute la largeur et passe à une nouvelle ligne */
.form-control-label {
    display: block !important;
    font-weight: bold;
    margin-bottom: 8px;
}

/* Place la description sous le label */
.show_description.ppom-input-desc {
    display: block !important;
    font-size: 14px;
    color: #666;
    margin-top: 5px;
}

.form-control-label {
    margin-top: -20px; /* Réduit l'espace au-dessus du label */
}

/* SLOGAN*/

/* Applique la police Inter à tout le texte */
body {
    font-family: 'Inter', sans-serif;
}

/* Styles par défaut pour le slogan */
.slogan {
    font-size: 24px;
    color: #E09900;
    text-align: center;
    margin: 20px;
	font-weight: 300; /* Poids léger */
}

/* Pour les écrans plus petits (smartphones) */
@media (max-width: 600px) {
    .slogan {
        font-size: 18px;
    }
}

/* Pour les tablettes */
@media (max-width: 768px) {
    .slogan {
        font-size: 20px;
    }
}

/* Pour les écrans plus larges (PC) */
@media (min-width: 1024px) {
    .slogan {
        font-size: 28px;
    }
}

/* FIN SLOGAN*/


/* réglage prix au dessus du module personnalisation */
.woocommerce-variation-price {
    display: block !important;  /* Force l'affichage du prix */
    margin-bottom: 15px; /* Ajoute un espace sous le prix pour éviter qu'il ne chevauche PPOM */
    position: relative; /* S'assure qu'il ne se superpose pas */
    z-index: 10; /* Met le prix au-dessus des autres éléments si besoin */
}
/* FIN réglage prix au dessus du module personnalisation */


/* ANIMATION BOUTON PHYSIQUE */
.et_pb_button.et_pb_button_0 {
    transition: all 0.2s ease; /* Durée de transition plus lente */
    background-color: #c89a5a; /* Couleur de fond d'origine */
}

.et_pb_button.et_pb_button_0:active {
    transform: scale(0.95); /* Réduit légèrement la taille du bouton */
    box-shadow: none; /* Retire l'ombre */
    background-color: #c67e19 !important;  /* Couleur légèrement plus foncée */
}
/* FIN ANIMATION BOUTON PHYSIQUE */


/* Section du menu avec ajustement des marges et du padding */
.section-menu {
    position: fixed;  /* Fixe la position du menu en haut de la page */
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999 !important;  /* Placer le menu au-dessus de tout le contenu */
    background-color: transparent; /* Fond transparent avant que le scroll ne se produise */
    height: 50px;  /* Hauteur initiale du menu */
    padding: 0;  /* Retirer tout padding */
    margin: 0;  /* Retirer toute marge */
    transition: height 0.1s ease-in-out, background-color 0.4s ease !important;  /* Transition de la hauteur et de la couleur */
}

/* Quand le menu devient un liseret après avoir défilé */
.section-menu.scrolled {
    height: 8px;  /* Hauteur du liseret */
    background-color: black !important;  /* Liseret noir */
    overflow: hidden;
}

/* Lorsque le menu est survolé */
.section-menu:hover {
    height: 50px;  /* La hauteur originale du menu */
    background-color: #c89a5a;  /* Couleur du fond au survol */
}

/* Éviter que le fond blanc apparaisse lors de l'agrandissement */
.section-menu.scrolled.transitioning {
    background-color: transparent;  /* Pendant la transition vers un menu plus grand, fond transparent */
}

/* Centrage du contenu du menu */
.section-menu .menu {
    display: flex;
    align-items: center;
    justify-content: center;
}