/*
Theme Name: Theme enfant
Description: Theme enfant PZ
Author: PZ
Author URI: https://www.lexdeal.fr
Template: Divi 
Version: 0.1.0
*/

span.mobile_menu_bar:before {
    color:#383838 !important;
    }
/* Centre le texte dans footer.php */
#footer-bottom {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80px; /* Ajuste la hauteur selon tes besoins */
    text-align: center;
}

#footer-bottom .container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

/* Appliquer un style de soulignement uniquement au survol */

/* Appliquer le soulignement uniquement au survol */
#top-menu-nav ul li a {
    position: relative;
    text-decoration: none !important; /* Supprime tout soulignement par défaut */
}

/* 1) Le lien doit être la référence de positionnement */
#top-menu > li > a {
  position: relative;
  display: inline-block; /* pour que la largeur du ::after soit correcte */
  overflow: visible;
}

/* 2) Soulignement (au repos, invisible avec scaleX(0)) */
#top-menu > li > a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;             /* prend toute la largeur du texte */
  bottom: -3px;         /* sous le texte – ajuste à ton goût */
  height: 2px;
  background-color: currentColor; /* même couleur que le texte par défaut */
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out;
  pointer-events: none;
}

/* 3) Au survol (et focus clavier), on déploie et on change la couleur */
#top-menu > li > a:hover::after,
#top-menu > li > a:focus-visible::after {
  transform: scaleX(1);
  background-color: #800000; /* ta couleur au survol */
}

/* 4) Si tu veux aussi teinter le texte au survol */
#top-menu > li > a:hover,
#top-menu > li > a:focus-visible {
  color: #800000;
}

/* 5) Header sticky : la baseline bouge un peu sur Divi, on ajuste */
.et-fixed-header #top-menu > li > a::after {
  bottom: -3px; /* garde la même valeur, ou ajuste si nécessaire */
}

/* Empêcher le soulignement sur le logo */
#top-menu-nav .logo_container a::after {
    display: none !important;
}

/* Bouton Envoyer WPForms */
#wpforms-submit-387 {
  background-color: #333333; /* Couleur de fond */
  color: #ffffff;            /* Couleur du texte */
  border: none;
  padding: 12px 20px;
  font-size: 15px;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

@media (min-width: 981px) {
  header#main-header .container.et_menu_container .logo_container a img#logo,
  .et-fixed-header .logo_container a img#logo {
    margin-left: -50px !important;                /* au lieu de -40px */
    display: inline-block !important;
  }
}

/* Conteneur du header : largeur pleine + espace à gauche */
header#main-header .container.et_menu_container,
.et-fixed-header .container.et_menu_container {
  padding-left: 20px !important;      /* ajuste cette valeur si besoin */
  padding-right: 30px !important;      /* ajuste cette valeur si besoin */
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
}

/* Logo : pas de décalage négatif */
@media (min-width: 981px) {
  header#main-header .container.et_menu_container .logo_container a img#logo,
  .et-fixed-header .logo_container a img#logo {
    margin-left: 0 !important;
    display: inline-block !important;
  }
}

/* DECALAGE ENTRE LE CHECK ET TITRE DES EXPERTISES - Met l'image et le texte côte à côte */
/* Image + texte côte à côte */
.bloc-fiscal .et_pb_blurb_content {
  display: flex;
  align-items: flex-start;
}

/* Espace horizontal entre image et texte */
.bloc-fiscal .et_pb_main_blurb_image {
  margin-right: 25px;
  flex: 0 0 auto;
}

/* Taille identique pour toutes les icônes */
.bloc-fiscal .et_pb_main_blurb_image img {
  width: 45px;           /* ajuste cette valeur pour retrouver ton "150%" visuel */
  height: auto;
  max-width: none;
}

#main-header {
    border-bottom: 1px solid #000; /* couleur du trait */
}