/*
Theme Name: Divi Child
Template: Divi
Description: Divi Child Theme
Author: Lycia Diaz - Astuces Divi
Author URI: https://astucesdivi.com/
*/

/* === HEADER DIVI PAR DÉFAUT — ALIGNEMENT + MONT SERRAT === */

/* Charger la police Montserrat */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700&display=swap");

/* --- Style général du menu --- */
#main-header .nav li a {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #444 !important;
  text-transform: none !important;
  text-decoration: none !important;
  line-height: 1.4 !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 12px !important;
}

/* Supprimer les carrés ou icônes fantômes */
#main-header .nav li a::before,
#main-header .nav li a::after {
  content: none !important;
}

/* --- Alignement horizontal du menu --- */
#et-top-navigation,
#top-menu-nav,
#top-menu {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
  gap: 22px !important;
}

/* --- Icônes panier + loupe alignées avec le texte --- */
#et-top-navigation .et-cart-info,
#et-top-navigation .et_pb_menu__icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: middle !important;
  line-height: 1 !important;
  height: 18px !important;
  margin-left: 8px !important;
  transform: translateY(0);
}

/* --- "Boutique" : jaune, gras, majuscules --- */
#top-menu li.menu-boutique > a {
  color: #f3d03e !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}

/* --- Centrage vertical du header --- */
#main-header,
#et-top-navigation {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

/* --- Espacement harmonisé sur grand écran --- */
@media (min-width: 981px) {
  #top-menu {
    gap: 26px !important;
  }
}
/* === Forcer le style "Boutique" jaune et gras sur toutes les variantes === */
#top-menu li.menu-boutique > a,
.et-menu li.menu-boutique > a,
#main-header .menu-boutique a {
  color: #f3d03e !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}