/* Votre CSS personnalisé pour Divi 5 */
.et_pb_menu .et_mobile_menu, .et_pb_menu .et_mobile_menu ul {
    background-color: #ffffff !important;    border-radius: unset;}
@media (max-width: 980px) {
    .et_pb_menu .et_mobile_menu, .et_pb_menu .et_mobile_menu ul {
        list-style: none !important; text-align: left; width: 80vw;    }
}
/* 1) Méthode propre : on colore le conteneur => currentColor devient blanc */
#fkcart-mini-toggler .fkcart-shortcode-icon-wrap {
  color: #fff !important;
}
/* ==== DIVI 5 – MENU MOBILE TOUJOURS AU-DESSUS DU LOGO ==== */
@media (max-width:980px){

  /* 0) Le module menu sert de référentiel */
  .et-l--header .et_pb_menu{
    position: relative !important;
    overflow: visible !important;
    transform: none !important; /* évite un stacking context parasite */
  }

  /* 1) Couvre LES DEUX structures possibles (Divi5 .downwards et legacy .et_mobile_menu) */
  .et-l--header .et_pb_menu__menu > nav.et-menu-nav > ul.et-menu.nav.downwards,
  .et-l--header .et_mobile_menu{
    position: absolute !important;
    left: 0; right: 0;
    top: 100% !important;              /* juste sous la barre */
    z-index: 100000 !important;        /* au-dessus du logo/icônes */
    background: #fff;                  /* adapte la couleur */
    border-radius: 10px;               /* optionnel */
    pointer-events: auto !important;
  }

  /* 2) Le logo et ses wrappers restent en dessous */
  .et-l--header .et_pb_menu__logo,
  .et-l--header .et_pb_menu__logo-wrap,
  .et-l--header .et_pb_menu__logo-container,
  .et-l--header .et_pb_menu__logo img{
    position: relative !important;
    z-index: 1 !important;
  }

  /* 3) Rien ne doit couper le dropdown */
  .et-l--header .et_pb_section,
  .et-l--header .et_pb_row{ overflow: visible !important; }

  /* 4) Si une section sticky met un z-index délirant, on la calme */
  .et-l--header .et_pb_section--sticky,
  .et-l--header .et_pb_section.et_pb_sticky{ z-index: 999 !important; }
}
@media (max-width:980px){
  .et-l--header .et_pb_menu__menu > nav.et-menu-nav > ul.et-menu.nav.downwards,
  .et-l--header .et_mobile_menu{
    top: calc(100% + 12px) !important; /* ajuste 0–20px */
  }
}
/* Boutons woocommerce sans bordures */
.woocommerce a.button, .woocommerce-page a.button {border:none!important}
.woocommerce a.button:hover, .woocommerce-page a.button:hover {border:none!important}
.woocommerce button.button:hover, .woocommerce-page button.button:hover{border:none!important}
/* affichage des variations sans la flèche after */
.et_pb_wc_add_to_cart form.cart .variations td.value span:after
{display:none;}
/* affichage case du choix du marquage sur la fiche produit */
.st404-contact-toggle {padding-bottom: 20px!important; margin-top: -20px;}