/*
Theme Name: Theme-Enfant
Description: La description de mon Theme enfant
Author: Mon nom
Author URI: https://www.monsite.net
Template: Divi
Version: 1.0
*/


@media screen and (min-width: 980px){
  .menu-item-10 ul.sub-menu {
    width: 350px!important;
  }
	.menu-item-11 ul.sub-menu{
    width: 300px!important;
  }
	#top-menu li li a {
		width:100%;
	}
}

@media (min-width: 980px) { /* Affiche le bouton uniquement lorsque l'écran est au minimum de 980x de large (le désactive donc sur mobile) */
.btn-appel-action { 
background-color: #871F3F !important;
border-radius: 3px;/* Arrondi les angles du bouton */
margin-top :0px !important;
margin-left:15px !important;
	}
}

@media (min-width: 980px) {.et-fixed-header .btn-appel-action #top-menu a, .et-fixed-header #et_search_icon:before, .et-fixed-header #et_top_search .et-search-form input, .et-fixed-header .et_search_form_container input, .et-fixed-header .et_close_search_field:after, .et-fixed-header #et-top-navigation .et-cart-info {
	color:white !important;
}}

.et-fixed-header #top-menu .btn-appel-action a{
	color:#ffffff!important;
}

ul li.btn-appel-action a { 
color: #ffffff!important; /* Défini la couleur du lien */
padding: 15px 15px 15px 15px!important; /* Gère les marges internes du bouton */
}



.btn-appel-action:hover {
background: #871F3F; /* Idem pour la couleur de fond */
color: #ffffff;
	}

.et-menu-nav li.mega-menu>ul>li{
	width:16%!important;
}
.et_pb_menu .et_pb_menu__menu>nav>ul>li>ul {
    top: calc(100% - 1px)!important;
    left: 0;
}

/* CSS refermer les sous-menus sur mobile */

#main-header .et_mobile_menu .menu-item-has-children > a { 
	background-color: transparent;
	position: relative; 
}
#main-header .et_mobile_menu .menu-item-has-children > a:after { 
	font-family: 'ETmodules';
	text-align: center;
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	position: absolute; 
}
#main-header .et_mobile_menu .menu-item-has-children > a:after { 
	font-size: 16px;
	content: '\4c';
	top: 13px;
	right: 10px; 
}
#main-header .et_mobile_menu .menu-item-has-children.visible > a:after { 
	content: '\4d'; 
}
#main-header .et_mobile_menu ul.sub-menu { 
	display: none !important;
	visibility: hidden !important;
	transition: all 1.5s ease-in-out;
}
#main-header .et_mobile_menu .visible > ul.sub-menu { 
	display: block !important;
	visibility: visible !important; 
}