/*
Theme Name: Divi Child Theme
Theme URI:  https://www.wpserveur.net
Author:     LR Com Digitale
Author URI: https://www.wpserveur.net
Template:   Divi
Version:    1.0
License:    GNU General Public License v2 or later
*/

/* === Bouton "Ressources & Outils" — base === */
#et-top-navigation #top-menu > li.menu-item-91 {
  display: inline-block;            /* comme les autres items Divi */
  vertical-align: middle !important;/* évite l’alignement sur la baseline */
}
#et-top-navigation #top-menu > li.menu-item-91 > a {
  display: inline-flex;
  align-items: center;              /* centre verticalement le texte */
  justify-content: center;
  padding: 0 18px;                  /* padding uniquement horizontal */
  height: 38px;                     /* hauteur homogène */
  line-height: 1;                   /* pas d'influence sur la hauteur */
  background: #f36335;
  color: #fff !important;
  border-radius: 9999px;
  font-weight: 500;
  transition: all 0.25s ease;
}

/* === Couleur de fond au survol — couleur 100% opaque === */
#et-top-navigation #top-menu > li.menu-item-91 > a:hover {
  background-color: #af1830 !important; /* force la vraie couleur */
  opacity: 1 !important;                /* supprime le fade Divi */
  color: #ffffff !important;            /* texte blanc */
}


/* Icone maison pour accueil */ 
.menu-maison {
    font-family: "ETmodules";
    font-size: 20px;
    line-height: 1;
}

/* --- Flèche devant chaque item sauf Accueil ET Ressources --- */
#top-menu li.menu-item:not(.menu-item-home):not(.no-arrow) > a::before,
.et_menu_container .et_mobile_menu li.menu-item:not(.menu-item-home):not(.no-arrow) > a::before {
  content: "➜";
  display: inline-block;
  margin-right: 8px;
  font-size: 14px;
  line-height: 1;
  vertical-align: middle;
  color: #af183c;
}

/* Sélecteurs Divi alternatifs */
.et_header_style_left #top-menu li.menu-item:not(.menu-item-home):not(.no-arrow) > a::before,
.et_header_style_split #top-menu li.menu-item:not(.menu-item-home):not(.no-arrow) > a::before {
  content: "➜";
  display: inline-block;
  margin-right: 8px;
  font-size: 14px;
  line-height: 1;
  vertical-align: middle;
  color: #af183c;
}

/* Version mobile */
@media only screen and (max-width: 980px) {
  .et_mobile_menu li.menu-item:not(.menu-item-home):not(.no-arrow) > a::before {
    content: "➜";
    margin-right: 6px;
    font-size: 13px;
    color: #af183c;
  }
}

/* --- Trait rouge au survol des rubriques du menu --- */
#top-menu li.menu-item:not(.menu-item-home):not(.no-arrow) > a,
.et_mobile_menu li.menu-item:not(.menu-item-home):not(.no-arrow) > a {
  position: relative;
}

/* Trait rouge au survol */
#top-menu li.menu-item:not(.menu-item-home):not(.no-arrow) > a:hover::after,
.et_mobile_menu li.menu-item:not(.menu-item-home):not(.no-arrow) > a:hover::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;      /* distance sous le texte – à ajuster si besoin */
  height: 2px;       /* épaisseur du trait */
  background-color: #af183c;
}

/* Menu item #11322 - fond blanc et texte rouge */
.menu-item-11322 > a {
  background-color: #ffffff !important;
  color: #af183c !important;
  padding: 5px 12px !important;
  border-radius: 4px !important; /* optionnel, pour arrondir les coins */
}

/* Effet hover */
.menu-item-11322 > a:hover {
  background-color: #af183c !important;
  color: #ffffff !important;
}

/* Personnalisation des bullets points */
/*Checklist générales du site*/
/*bullet checklist by www.peeayecreative.com*/
.pa-bullet-list-1 ul {
list-style-type: none!important;
}

.pa-bullet-list-1 ul li:before {
content: 'e052'!important;
color: #af183c;
font-family: 'ETMODULES'!important;
margin-right: 10px;
margin-left: -14px;
font-size: 1.2em!important;
}
/*Check list bullet fiches pratiques*/
.pa-bullet-list-2 ul {
list-style-type: none!important;
}

.pa-bullet-list-2 ul li:before {
content: '68'!important;
color: #bb0518;
font-family: 'ETMODULES'!important;
margin-right: 10px;
margin-left: -14px;
font-size: 1.2em!important;
}
/*Check list bullet liens utiles*/
.pa-bullet-list-3 ul {
list-style-type: none!important;
}

.pa-bullet-list-3 ul li:before {
content: 'e02b'!important;
color: #bb0518;
font-family: 'ETMODULES'!important;
margin-right: 10px;
margin-left: -14px;
font-size: 1.2em!important;
}
/*Check list bullet Devenez adhérent*/
.pa-bullet-list-4 ul {
list-style-type: none!important;
}

.pa-bullet-list-4 ul li:before {
content: 'e03c'!important;
color: #ffffff;
font-family: 'ETMODULES'!important;
margin-right: 10px;
margin-left: -14px;
font-size: 1.2em!important;
}

/*Formes geometriques autour des images page accueil*/
.img-accent {
  position: relative;
  overflow: visible !important;
}

.img-accent::before {
  content: '';
  position: absolute;
  top: -20px;
  left: -20px;
  width: 80px;
  height: 80px;
  background: #fbc400;
  border-radius: 6px;
  z-index: 0;
}

.img-accent::after {
  content: '';
  position: absolute;
  bottom: -20px;
  right: -20px;
  width: 50px;
  height: 50px;
  background: #f36335;
  border-radius: 50%;
  z-index: 0;
}

.img-accent img {
  position: relative;
  z-index: 1;
}

/*Formes geometriques autour des images page Etre accompagne*/
.img-accent-2 {
  position: relative;
  overflow: visible !important;
}

.img-accent-2::before {
  content: '';
  position: absolute;
  top: -30px;
  right: -30px;
  width: 50px;
  height: 50px;
  background: #E8540A;
  border-radius: 6px;
  z-index: 0;
}

.img-accent-2::after {
  content: '';
  position: absolute;
  bottom: -20px;
  left: -20px;
  width: 50px;
  height: 50px;
  background: #F5A623;
  border-radius: 50%;
  z-index: 0;
}

.img-accent-2 img {
  position: relative;
  z-index: 1;
}

/*Formes géométriques autour des images 3*/
.img-accent-3 {
  position: relative;
  overflow: visible !important;
}

.img-accent-3::before {
  content: '';
  position: absolute;
  top: -20px;
  left: -20px;
  width: 50px;
  height: 50px;
  background: #af183c;
  border-radius: 6px;
  z-index: 0;
}

.img-accent-3::after {
  content: '';
  position: absolute;
  bottom: -20px;
  right: -20px;
  width: 50px;
  height: 50px;
  background: #4d9f9a;
  border-radius: 50%;
  z-index: 0;
}

.img-accent-3 img {
  position: relative;
  z-index: 1;
}

/* ============================================
   APROVA84 — BREAKPOINT FORCÉ À 1450px
   Menu unique hamburger à droite du logo
   ============================================ */

@media only screen and (max-width: 1450px) {

  /* --- MASQUE LES DEUX MENUS DESKTOP --- */
  #top-menu-nav {
    display: none !important;
  }

  #et-secondary-nav {
    display: none !important;
  }

  #et-secondary-menu .et_duplicate_social_icons {
    display: none !important;
  }

  /* --- HEADER EN FLEXBOX --- */
  #main-header .et_menu_container {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-direction: row !important;
    padding: 0 20px !important;
  }

  /* --- LOGO À GAUCHE --- */
  .logo_container {
    flex-shrink: 0 !important;
    order: 1 !important;
  }

  #logo {
    max-height: 60px !important;
    width: auto !important;
  }

  /* --- NAVIGATION À DROITE --- */
  #et-top-navigation {
    padding-left: 0 !important;
    order: 2 !important;
    flex-shrink: 0 !important;
    width: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    float: none !important;
  }

  /* --- HAMBURGER VISIBLE ET POSITIONNÉ --- */
  #et_mobile_nav_menu {
    display: block !important;
    position: relative !important;
    float: none !important;
  }

  .mobile_nav {
    position: relative !important;
    float: none !important;
  }

  .mobile_menu_bar {
    display: block !important;
    color: #a51c30 !important;
    font-size: 32px !important;
    line-height: 1 !important;
    cursor: pointer !important;
  }

  .select_page {
    display: none !important;
  }

  /* --- MENU DÉROULANT CALÉ À DROITE --- */
  #et_mobile_nav_menu .et_mobile_menu {
    position: absolute !important;
    right: 0 !important;
    left: auto !important;
    width: 300px !important;
    top: 100% !important;
    z-index: 9999 !important;
    background: #ffffff !important;
    border-top: 3px solid #a51c30 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
  }

  /* --- LIENS DU MENU --- */
  .et_mobile_menu li a {
    color: #333333 !important;
    font-size: 15px !important;
    padding: 12px 20px !important;
    border-bottom: 1px solid #f0f0f0 !important;
    display: block !important;
  }

  .et_mobile_menu li a:hover {
    color: #a51c30 !important;
    background: #faf0f2 !important;
  }

  /* --- BOUTON TROUVER DES OUTILS --- */
  .et_mobile_menu .menu-item-91 {
    background: #e8500a !important;
    margin: 10px 15px !important;
    border-radius: 25px !important;
    overflow: hidden !important;
  }

  .et_mobile_menu .menu-item-91 a {
    color: #ffffff !important;
    font-weight: 600 !important;
    text-align: center !important;
    border-bottom: none !important;
    padding: 14px 20px !important;
  }

  .et_mobile_menu .menu-item-91 a:hover {
    background: #c44008 !important;
    color: #ffffff !important;
  }

  /* --- BARRE ROUGE MASQUÉE --- */
  #top-header {
    display: none !important;
  }

} 

/* --- CODE CSS PERSONNALISE POUR TEMPLATE ARTICLE DANS THEME BUILDER ---*/
/* ### Change the colors here ### */
  
/* ### Blog fullwidth ### */
.blog-fullwidth article {
	border-bottom: 5px solid #f75b13 !important; /* Bottom border color - posts */
}

.blog-sidebar .et_pb_widget {
  border-bottom: 5px solid #f75b13; /* Bottom border color - widget */
	background-color: #fff; /* Widget background color */
}
  
.blog-sidebar.et_pb_widget_area ul li::marker {
	font-size: 18px; /* List marker size - sidebar */
  color: #f75b13; /* List marker color - sidebar */
}   

/* ### End colors ### */  
  
/* ### Blog sidebar V3 ### */
.blog-fullwidth article {
    padding-bottom: 45px;	
}
 
.blog-sidebar .et_pb_widget.widget_search {
	padding: 35px 35px 35px 35px;    
} 
  
.blog-sidebar .et_pb_widget {
	padding: 35px 35px 10px 35px;
  box-shadow: 0 0 30px 5px rgb(0 0 0 / 10%);
	border-radius: 3px;
}  

.blog-sidebar .et_pb_widget ul {
	padding-bottom: 15px!important;
	font-size: 14px !important;
	line-height: 1.5em!important;
}

.blog-sidebar .et_pb_widget ul li {
  margin-bottom: 1em;
}

.blog-sidebar.et_pb_widget_area ul li {
	padding-left: 0.3em;
  text-indent: -12px;
  list-style-type: square;
}

.blog-sidebar .et_pb_widget li a {
	padding-left: 7px;
  vertical-align: text-bottom;
}

.blog-sidebar .et_pb_widget ul {
  padding-left: 20px!important; 
}

@media (max-width: 980px) {  
.blog-sidebar .et_pb_widget ul {
  padding-left: 27px!important; 
}}