/*
Theme Name:     Pixi-...
Description:    Thème Perso de ...
Author:         Manny
Author URI:     https://www.agence-voc.fr
Template:       Divi                      
Version:        0.1.0
*/

/* Code CSS WooCommerce */
/*.cart-subtotal .woocommerce-Price-currencySymbol:after {content: " HT"; }

.order-total .woocommerce-Price-currencySymbol:after {content: " TTC"; }

/* Code CSS */



/* L'élément de menu "Blog" actif pour chaque article de blog : Dans le CSS*/
/*body.single #page-container nav>ul>li.menu-item-119>a {
    color: #39a51e !important;
} */
/* menu item à remplacer son N° id */

/* ou */

/*Code css pour mettre en actif le lien actu lorsque l'on est dans l'actu*/
/*.post-template-default #menu-item-39 a{
	color: #f9da32 !important;
}*/



/* **** code css pour ancres menu - version ordi **** */
/*#top-menu  .sub-menu li.current-menu-ancestor > a,  #top-menu #menu-item-196 .sub-menu li.current-menu-item > a ,  #top-menu #menu-item-196 .sub-menu li.current_page_item > a {
    color: #fff !important;
}
#top-menu #menu-item-196 .sub-menu li.current-menu-item > a.activecolor {
color: #12afdc !important;
}
/* **** fin code css pour ancres menu - version ordi **** */

/* **** code css pour ancres menu - version mobile **** */
/*#et_mobile_nav_menu .sub-menu li.current-menu-ancestor > a,  #et_mobile_nav_menu #menu-item-196 .sub-menu li.current-menu-item > a ,  #et_mobile_nav_menu #menu-item-196 .sub-menu li.current_page_item > a {
    color: #222831 !important;
}
#et_mobile_nav_menu #menu-item-196 .sub-menu li.current-menu-item > a.activecolor {
color: #12afdc !important;
}
/* **** fin code css pour ancres menu - version mobile **** */



/* ************ Supprimer le texte du bouton menu en mobile en css, ou le modifier ************** */
/* **** suppression du texte **** */
/*.select_page {
	display:none!important;
}*/
/* ******************** */

/* **** modification du texte **** */
/*.select_page {
	font-size:0px!important;
}

.select_page:before {
	content:"nouveau texte";
	font-size: 14px;
} */

/* mise en avant d'un bouton dans le menu (contact, devis...) */
/* Reco : éviter de mettre le <li> en flex (ça peut perturber le menu). On stylise surtout le <a>. */
.btn_menu_en_avant {
	/* display:flex !important; */
	/* align-items:center !important; */
}
.btn_menu_en_avant > a {
	padding-bottom: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	vertical-align: middle !important;
	padding: 16px !important;
	border-radius: 5px;
	background: #39a51e;
	color: #fff !important;
	line-height: 1 !important;
}
.btn_menu_en_avant > a:hover {
	background: #737373;
	color: #fff !important;
}
.et_pb_menu_0_tb_header.et_pb_menu ul .btn_menu_en_avant.current-menu-item > a {
	color: #fff !important;
}

/* Message de formulaire (regroupé en une seule définition) */
.et-pb-contact-message {
	margin-top: 15px;
	padding: 12px 15px;
	border-radius: 4px;
	background: #ffffff;
	color: #115522;
	font-weight: 500;
}

/* Amelia */
.am-event-upcoming.am-event-right.mobile.small {
	display: none;
}

/* Form contact Divi */
.et_pb_contact_submit {
	margin: 0 auto !important;
	display: inline-block;
}
.et_contact_bottom_container {
	float: none;
}


/* SECTION DU HEADER – doit passer au-dessus de toutes les sections */
/* Reco : garder uniquement des z-index raisonnables + ne pas forcer position/transform sur sticky + ne pas forcer position sur sub-menu */

/* 1. Wrapper du header du Theme Builder */
.et-boc > header.et-l--header {
	position: relative !important;
	z-index: 9999 !important;
}
.et-boc > header.et-l--header .et_builder_inner_content {
	overflow: visible !important;
}

/* 2. (IMPORTANT) Ne pas forcer position/transform sur le sticky : Divi gère ça */
.et-boc > header.et-l--header .et_pb_section_0_tb_header.et_pb_sticky_module {
	z-index: 9999 !important;
	/* position: relative !important; */ /* supprimé */
	/* transform: none !important; */    /* supprimé */
}

/* 3. Ligne qui contient le menu */
.et-boc > header.et-l--header .et_pb_row_0_tb_header {
	position: relative !important;
	z-index: 10000 !important;
	overflow: visible !important;
}

/* 4. Module menu */
.et-boc > header.et-l--header .et_pb_menu_0_tb_header {
	position: relative !important;
	z-index: 10001 !important;
}

/* 5. Sous-menu : on ne force PAS la position (sinon mobile cassé). On met juste le z-index, et seulement desktop si besoin */
@media (min-width: 981px) {
	.et-boc > header.et-l--header .et_pb_menu_0_tb_header .sub-menu {
		z-index: 10002 !important;
		/* position: absolute !important; */ /* supprimé */
	}
}

/* 6. Le contenu doit rester derrière le header */
#et-main-area,
#main-content {
	position: relative !important;
	z-index: 1 !important;
}

/* 7. Première section de contenu sous le header */
.et_pb_section_0 {
	position: relative !important;
	z-index: 1 !important;
}

/* 8. Carrousel : garder un z-index normal (ok) */
.dsm_image_carousel_0,
.dsm_image_carousel_0 .dsm_image_carousel_container,
.dsm_image_carousel_0 .swiper-container,
.dsm_image_carousel_0 .swiper-wrapper,
.dsm_image_carousel_0 .swiper-slide {
	position: relative !important;
	z-index: 1 !important;
}

/* FIX : le sous-menu ne doit pas recouvrir le 1er niveau (Divi) */
.et-boc > header.et-l--header .et_pb_menu_0_tb_header .et-menu-nav,
.et-boc > header.et-l--header .et_pb_menu_0_tb_header .et-menu {
  overflow: visible !important;
}

.et-boc > header.et-l--header .et_pb_menu_0_tb_header .et-menu > li {
  position: relative !important; /* ancre du dropdown */
}

.et-boc > header.et-l--header .et_pb_menu_0_tb_header .et-menu > li > ul.sub-menu {
  top: calc(100% + 8px) !important; /* démarre sous le 1er niveau */
  left: 0 !important;
  margin-top: 0 !important;
}