.elementor-2280 .elementor-element.elementor-element-8cd136a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 45px;--row-gap:0px;--column-gap:45px;--margin-top:0em;--margin-bottom:-16em;--margin-left:0em;--margin-right:0em;--padding-top:15px;--padding-bottom:015px;--padding-left:0px;--padding-right:0px;}.elementor-2280 .elementor-element.elementor-element-8cd136a:not(.elementor-motion-effects-element-type-background), .elementor-2280 .elementor-element.elementor-element-8cd136a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAE0A700;}.elementor-2280 .elementor-element.elementor-element-8cd136a.e-con{--align-self:center;}.elementor-2280 .elementor-element.elementor-element-33e67f2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2280 .elementor-element.elementor-element-26f78f0 > .elementor-widget-container{margin:0px -24px 0px -12px;}.elementor-2280 .elementor-element.elementor-element-26f78f0 img{width:100%;}.elementor-2280 .elementor-element.elementor-element-c15fd9e{--display:flex;--min-height:158px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:80px;}.elementor-2280 .elementor-element.elementor-element-c15fd9e:not(.elementor-motion-effects-element-type-background), .elementor-2280 .elementor-element.elementor-element-c15fd9e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.lepetitnamurois.justlikeu.be/wp-content/uploads/2026/05/fond-pencarte-3-1-scaled.webp");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-widget-ha-navigation-menu .ha-navigation-menu-wrapper ul.menu li a, .elementor-widget-ha-navigation-menu .ha-navigation-burger-menu ul.menu li a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-ha-navigation-menu .ha-navigation-menu-wrapper ul.sub-menu > li > a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-2280 .elementor-element.elementor-element-33cb2dd .ha-navigation-menu-wrapper ul.sub-menu{background-color:#FAE0A7;box-shadow:2px 2px 10px 0px rgba(0,0,0,0.5);border-radius:10px;width:230px;}.elementor-2280 .elementor-element.elementor-element-33cb2dd > .elementor-widget-container{margin:0px 0px -29px 0px;}.elementor-2280 .elementor-element.elementor-element-33cb2dd.elementor-element{--align-self:center;}.elementor-2280 .elementor-element.elementor-element-33cb2dd .ha-navigation-menu-wrapper{justify-content:flex-start;}.elementor-2280 .elementor-element.elementor-element-33cb2dd .ha-navigation-burger-menu .ha-nav-humberger-wrapper{justify-content:center;}.elementor-2280 .elementor-element.elementor-element-33cb2dd .ha-nav-menu .menu li.menu-item a{padding-left:12px;}.elementor-2280 .elementor-element.elementor-element-33cb2dd .ha-nav-menu .menu li.menu-item{padding-right:12px;}.elementor-2280 .elementor-element.elementor-element-33cb2dd .ha-nav-menu ul.menu li a{padding-top:5px;padding-bottom:5px;}.elementor-2280 .elementor-element.elementor-element-33cb2dd .ha-nav-menu .menu > li.menu-item:not(:last-child){margin-right:0px;}.elementor-2280 .elementor-element.elementor-element-33cb2dd .ha-navigation-burger-menu ul.menu > li.menu-item{margin-top:0px;margin-bottom:0px;}.elementor-2280 .elementor-element.elementor-element-33cb2dd .ha-navigation-menu-wrapper ul.menu li a:hover{text-decoration:none;}.elementor-2280 .elementor-element.elementor-element-33cb2dd .ha-navigation-menu-wrapper ul.menu li a, .elementor-2280 .elementor-element.elementor-element-33cb2dd .ha-navigation-burger-menu ul.menu li a{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:bold;}.elementor-2280 .elementor-element.elementor-element-33cb2dd .ha-navigation-menu-wrapper ul.menu > li > a{color:#000000;}.elementor-2280 .elementor-element.elementor-element-33cb2dd .ha-navigation-menu-wrapper ul.menu li .ha-submenu-indicator-wrap{color:#000000;}.elementor-2280 .elementor-element.elementor-element-33cb2dd .ha-navigation-burger-menu ul.menu li a{color:#000000;}.elementor-2280 .elementor-element.elementor-element-33cb2dd .ha-navigation-burger-menu ul.menu li .ha-submenu-indicator-wrap{color:#000000;}.elementor-2280 .elementor-element.elementor-element-33cb2dd .ha-navigation-menu-wrapper ul.menu > li:hover > a{color:#333333;}.elementor-2280 .elementor-element.elementor-element-33cb2dd .ha-navigation-menu-wrapper ul.menu > li:hover > .ha-submenu-indicator-wrap{color:#333333;}.elementor-2280 .elementor-element.elementor-element-33cb2dd .ha-nav-menu ul.menu > li.active > a{color:#333333;}.elementor-2280 .elementor-element.elementor-element-33cb2dd .ha-nav-menu ul.menu > li.active > .ha-submenu-indicator-wrap{color:#333333;}.elementor-2280 .elementor-element.elementor-element-33cb2dd .ha-nav-menu ul.menu > li.current-menu-ancestor > a{color:#333333;}.elementor-2280 .elementor-element.elementor-element-33cb2dd .ha-nav-menu ul.menu > li.current-menu-ancestor > .ha-submenu-indicator-wrap{color:#333333;}.elementor-2280 .elementor-element.elementor-element-33cb2dd .ha-navigation-menu-wrapper ul.menu > li.menu-item > ul.sub-menu{margin-top:6px;}.elementor-2280 .elementor-element.elementor-element-33cb2dd .ha-navigation-menu-wrapper ul.sub-menu > li > a{color:#333333;}.elementor-2280 .elementor-element.elementor-element-33cb2dd .ha-navigation-menu-wrapper ul.sub-menu > li > .ha-submenu-indicator-wrap{color:#333333;}.elementor-2280 .elementor-element.elementor-element-33cb2dd .ha-navigation-menu-wrapper ul.sub-menu > li:hover > a{color:#707070;}.elementor-2280 .elementor-element.elementor-element-33cb2dd .ha-navigation-menu-wrapper ul.sub-menu > li:hover > .ha-submenu-indicator-wrap{color:#707070;}.elementor-2280 .elementor-element.elementor-element-33cb2dd .ha-navigation-menu-wrapper ul.sub-menu > li:not(:last-child){border-style:none;}.elementor-2280 .elementor-element.elementor-element-33cb2dd .ha-navigation-burger-menu .ha-nav-humberger-wrapper .ha-menu-toggler{font-size:22px;border-width:1px;border-radius:5px;color:#7a7a7a;border-color:#7a7a7a;}.elementor-2280 .elementor-element.elementor-element-33cb2dd .ha-navigation-burger-menu ul.menu li.menu-item:not(:last-child){border-bottom-color:#c4c4c4;}.elementor-2280 .elementor-element.elementor-element-4ebd77b.elementor-element{--align-self:center;}.elementor-2280 .elementor-element.elementor-element-8a249c6{--display:flex;}@media(min-width:768px){.elementor-2280 .elementor-element.elementor-element-8cd136a{--content-width:1400px;}.elementor-2280 .elementor-element.elementor-element-33e67f2{--width:20%;}}/* Start custom CSS *//* Positionnement du menu */


/* Cibler les liens du menu pour préparer le positionnement */
#menu-menu-gauche .menu-item a {
    position: relative;
    display: inline-block;
    padding-bottom: 5px; /* Espace pour le trait */
}

/* Création de la ligne artisanale */
#menu-menu-gauche .menu-item a::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0%; /* Invisible au départ */
    height: 3px;
    background: #d35400; /* Remplace par ta couleur exacte */
    border-radius: 50% / 100%; /* Donne l'aspect courbé */
    transition: width 0.3s ease; /* Animation fluide */
    transform: rotate(-1deg); /* Légère inclinaison artisanale */
}

/* Effet au survol */
#menu-menu-gauche .menu-item a:hover::after {
    width: 100%;
}


.ha-navigation-menu-wrapper ul.menu li.menu-item-has-children a {

    margin-right: 0px;

}



 ul.sub-menu {

   padding-top: 15px!important;

    padding-bottom: 15px!important;  

 }


.pancarte-container {
  width: 100%;
  max-width: 1200px;
  height: 120px; /* Hauteur fixe parfaite pour ton desktop */
  margin: 0 auto;

  background-image: url('https://www.lepetitnamurois.justlikeu.be/wp-content/uploads/2026/05/menu-fond-scaled.webp');
  /* Rejoint les 4 coins du conteneur : zéro rognage garanti */
  background-size: 100% 100%; 
  background-repeat: no-repeat;
  
  display: flex;
  align-items: center;
  padding: 0 60px;
  box-sizing: border-box;
}


/*icone carte*/
/* Conteneur des icônes à droite du menu */
.header-account-cart {
  display: flex;
  align-items: center;
  gap: 15px;
}

/* Le bouton circulaire */
.pancarte-icon-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(0, 0, 0, 0.15); /* Bordure noire très subtile */
  border-radius: 50%;
  color: #000000; /* Icône noire */
  background-color: transparent;
  transition: all 0.25s ease;
  text-decoration: none;
}

/* Effet Hover : L'icône RESTE noire */
.pancarte-icon-btn:hover {
  color: #000000; /* Maintien du noir absolu */
  border-color: rgba(0, 0, 0, 0.3); /* La bordures s'accentue légèrement */
  background-color: rgba(0, 0, 0, 0.04); /* Léger fond de surbrillance */
  transform: scale(1.05); /* Micro-zoom dynamique */
}

/* Taille des SVGs à l'intérieur */
.pancarte-icon-btn .si-icon {
  width: 20px;
  height: 20px;
}

/* Ajustement spécifique pour l'icône panier */
.cart-btn .si-icon {
  width: 21px;
  height: 21px;
  transform: translateY(-1px);
}

/* Le badge rouge des notifications */
.cart-badge {
  position: absolute;
  top: -4px;
  right: -4px;
  background-color: #ba2f1a; /* Rouge brique chaud */
  color: #ffffff;
  font-family: 'Georgia', serif;
  font-size: 11px;
  font-weight: bold;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 4px rgba(0,0,0,0.15);
  line-height: 1;
}/* End custom CSS */