/* Version Desktop */
@media screen and (min-width: 1024px) {
    .main-navigation {
        text-align: left;
        margin-left: -80px; /* Ajustez la valeur pour déplacer le menu vers la gauche */
        margin-right: 0px; /* Ajustez pour réduire l'espace à droite */
        padding-top: 5px; /* Réduit l'espace au-dessus du menu */
        padding-bottom: 5px; /* Réduit l'espace en-dessous du menu */
    }

    .main-navigation a {
        font-size: 15px; /* Taille du texte dans le menu */
        padding-top: 5px; /* Réduit l'espace au-dessus du texte du menu */
        padding-bottom: 5px; /* Réduit l'espace en-dessous du texte du menu */
    }
}

/* Version tablette et mobile : conserver les styles par défaut */
@media screen and (max-width: 1023px) {
    .main-navigation {
        margin-left: 0; /* Réinitialise les marges à gauche */
        margin-right: 0; /* Réinitialise les marges à droite */
        padding-top: 0px; /* Espace par défaut ou ajusté pour tablette */
        padding-bottom: 0px; /* Espace par défaut ou ajusté pour tablette */
    }

    .main-navigation a {
        font-size: 16px; /* Taille plus grande pour les mobiles */
        padding-top: 10px; /* Espace par défaut pour les liens */
        padding-bottom: 10px; /* Espace par défaut pour les liens */
    }
}

/* Réduction encore plus importante de la hauteur du widget */
.header-widget-area {
    padding-top: 0px !important; /* Espace minimum en haut */
    padding-bottom: 0px !important; /* Espace minimum en bas */
    margin-top: 0px !important; /* Supprime l'espace externe en haut */
    margin-bottom: 0px !important; /* Supprime l'espace externe en bas */
    min-height: 40px !important; /* Réduit davantage la hauteur minimale */
    height: auto !important; /* Ajuste au contenu réel */
}

/* Ajustement des images dans le widget */
.header-widget-area img {
    max-height: 80px !important; /* Limite encore plus la hauteur des images */
    object-fit: cover; /* Ajuste l'image à l'espace disponible */
}

/* Ajustement des éléments textuels */
.header-widget-area p,
.header-widget-area h1,
.header-widget-area h2 {
    margin: 0 !important; /* Supprime toutes les marges des textes */
    padding: 0 !important; /* Supprime les espacements internes */
    font-size: 0.em !important; /* Réduit la taille du texte si nécessaire */
    line-height: 1.2 !important; /* Réduit l'espacement entre les lignes */
}
.header-widget-area {
  color: white;
  background-color: #70a3c1;
  font-weight: bold;
  padding: 0 10%;
  text-align: center; /* Centrer le texte horizontalement */
  width: 100%;
  font-size: 16px;
  display: flex; /* Utilisation de flexbox */
  align-items: center; /* Centrer le texte verticalement */
  justify-content: center; /* Centrer le contenu horizontalement */
  height: auto; /* Laisser la hauteur s'ajuster */
}

@media screen and (max-width: 768px) {
  .header-widget-area {
    font-size: 14px; /* Taille du texte plus petite pour les petits écrans */
    padding: 0 5%; /* Réduire les marges sur les petits écrans */
  }
}

@media screen and (max-width: 480px) {
  .header-widget-area {
    font-size: 12px; /* Taille du texte encore plus petite pour les très petits écrans */
    padding: 0 3%; /* Réduire encore les marges pour les très petits écrans */
  }
}
/* Supprimer uniquement l'icône SVG */
li#menu-item-18015 a svg {
  display: none !important;
}

/* Style du lien avec texte */
li#menu-item-18015 a {
  font-size: 14px; /* Taille du texte */
  color: #fff !important; /* Couleur blanche */
  font-weight: bold; /* Gras */
  text-transform: uppercase; /* Majuscules */
  text-align: center; /* Centré horizontalement */
  line-height: 1.5; /* Hauteur de ligne */
  position: relative; /* Nécessaire pour ::before */
}

/* Ajout d'un texte personnalisé */
li#menu-item-18015 a::before {
  content: "@ Contactez-nous"; /* Remplacez par le texte de votre choix */
  display: block;
  font-size: inherit;
  color: inherit;
  text-align: center;
}

/* Survol */
li#menu-item-18015 a:hover::before {
  color: #70a3c1; /* Couleur au survol */