/* ============================================================
   Refonte menu mobile europiecedor.fr — Variante A "Épuré clair"
   Cible : off-canvas Flatsome #main-menu (mobile-sidebar via Magnific Popup)
   Direction validée par Max le 29/05/2026 (blanc + doré champagne, Plus Jakarta Sans)
   Scope STRICT #main-menu : ne touche pas le header desktop.
   Tokens : blanc #FFFFFF · doré #B8923E · encre #14181F · encre-mid #3A3A3A
            muted #7A7A7A · hairline #ECECEC · vert WA sobre #1FAD5C
   ============================================================ */

/* — Police : Plus Jakarta Sans chargée via wp_enqueue_style côté thème
     (handle dédié) — PAS d'@import ici pour éviter le render-blocking. — */

#main-menu,
#main-menu * {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}

/* Restaure la police d'icônes Flatsome (sinon chevrons/WhatsApp = carrés vides) */
#main-menu [class*="icon-"],
#main-menu [class*="icon-"]::before,
#main-menu [class*="icon-"]::after {
  font-family: 'fl-icons' !important;
}

/* — Fond opaque : plus de saignement de la page derrière — */
.mfp-bg.main-menu-overlay { background: #ffffff !important; opacity: 1 !important; }
#main-menu,
#main-menu .sidebar-menu { background: #ffffff !important; }

/* — En-tête drawer : croix de fermeture ≥ 44px, encadrée fin — */
.mfp-close,
#main-menu .mfp-close {
  width: 44px !important;
  height: 44px !important;
  line-height: 44px !important;
  color: #14181F !important;
  opacity: 1 !important;
  border: 1px solid #ECECEC !important;
  border-radius: 50% !important;
}

/* — Onglets ACHAT / VENTE : underline doré sur l'actif — */
#main-menu .sidebar-menu-tabs__tab-link {
  color: #7A7A7A !important;
  font-weight: 600 !important;
}
#main-menu .sidebar-menu-tabs__tab.active .sidebar-menu-tabs__tab-link {
  color: #14181F !important;
}
#main-menu .sidebar-menu-tabs.nav-line-bottom > li.active > a::before,
#main-menu .sidebar-menu-tabs.nav-line-bottom > li.active > a::after,
#main-menu .sidebar-menu-tabs__tab.active::after {
  background-color: #B8923E !important;
  border-color: #B8923E !important;
}

/* — Items niveau 1 : sentence case, 19px, encre profond, hairline, ≥52px — */
#main-menu .nav-vertical > li.menu-item {
  border-bottom: 1px solid #ECECEC !important;
}
#main-menu .nav-vertical > li.menu-item > a {
  font-size: 19px !important;
  font-weight: 600 !important;
  text-transform: none !important;          /* révèle la casse réelle (sentence case) */
  letter-spacing: 0.01em !important;
  color: #14181F !important;
  line-height: 1.3 !important;
  min-height: 52px !important;
  display: flex !important;
  align-items: center !important;
  padding: 14px 8px !important;
}

/* — Sous-menu niveau 2 : 15px, encre-mid, trait doré, ≥48px — */
#main-menu ul.sub-menu > li.menu-item > a {
  font-size: 15px !important;
  font-weight: 400 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  color: #3A3A3A !important;
  min-height: 48px !important;
  display: flex !important;
  align-items: center !important;
  padding: 10px 8px 10px 18px !important;
  border-left: 2px solid #B8923E !important;
  margin-left: 6px !important;
}

/* — Chevron de dépliage : doré, cible ≥44px — */
#main-menu .nav-vertical .toggle {
  min-width: 44px !important;
  min-height: 44px !important;
  color: #B8923E !important;
}
#main-menu .nav-vertical .toggle .icon-angle-down { color: #B8923E !important; }

/* — CTA téléphone : encre plein, icône dorée, ≥52px — */
#main-menu .button.pstel1 {
  background: #14181F !important;
  border-color: #14181F !important;
  color: #ffffff !important;
  min-height: 52px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#main-menu .button.pstel1 i { color: #B8923E !important; }

/* — CTA WhatsApp : sobre (blanc bordé + pastille verte), plus de bandeau vif — */
#main-menu .button.pswa {
  background: #ffffff !important;
  color: #14181F !important;
  border: 1px solid #ECECEC !important;
  box-shadow: none !important;
  text-shadow: none !important;
  min-height: 52px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#main-menu .button.pswa i { color: #1FAD5C !important; }

/* ============================================================
   v1.1 (29/05/2026) — nettoyage structure + alignement gauche
   Suite retour Max : rendu live "trop loin" de la maquette.
   Logo/en-tête conservés tels quels (hors périmètre).
   ============================================================ */

/* Alignement à gauche (fidèle à la maquette validée, vs centré Flatsome) */
#main-menu .sidebar-menu.text-center { text-align: left !important; }
#main-menu .nav-vertical > li.menu-item > a {
  justify-content: flex-start !important;
  text-align: left !important;
  padding-left: 18px !important;
}
#main-menu ul.sub-menu > li.menu-item > a {
  justify-content: flex-start !important;
  text-align: left !important;
  padding-left: 26px !important;
}

/* Supprime le fond gris hérité de l'item actif (rgba(0,0,0,0.05)) */
#main-menu .nav-vertical > li.menu-item.active,
#main-menu .nav-vertical > li.menu-item-has-children.active {
  background-color: #ffffff !important;
}

/* Masque la vignette pièce des items de menu (Flatsome menu icon) — pas le logo */
#main-menu img.ux-sidebar-menu-icon { display: none !important; }

/* ============================================================
   v1.2 (29/05/2026) — CTA + marges (retour Max : pas de bouton noir,
   absence de marge gênante, bouton WhatsApp à revoir).
   ============================================================ */

/* Gouttières latérales (respiration, plus de contenu collé aux bords) */
#main-menu .sidebar-menu-top-content { padding-left: 16px !important; padding-right: 16px !important; }
#main-menu .nav-vertical > li.menu-item > a { padding-left: 20px !important; padding-right: 16px !important; }
#main-menu ul.sub-menu > li.menu-item > a { padding-left: 28px !important; padding-right: 16px !important; }
#main-menu .sidebar-menu-tabs { margin-left: 8px !important; margin-right: 8px !important; }

/* CTA téléphone : champagne doré plein (plus de noir), arrondi, inset */
#main-menu .button.pstel1 {
  background: #B8923E !important;
  border: none !important;
  color: #14181F !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  text-shadow: none !important;
  margin: 12px 16px 4px !important;
  width: calc(100% - 32px) !important;
  min-height: 52px !important;
}
#main-menu .button.pstel1 i { color: #14181F !important; }

/* Zone CTA bas : respiration */
#main-menu li.html_topbar_right { display: block !important; padding: 12px 16px 22px !important; }

/* CTA WhatsApp : léger, contour vert + icône verte, arrondi */
#main-menu .button.pswa {
  background: #ffffff !important;
  border: 1.5px solid #1FAD5C !important;
  color: #14181F !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  text-shadow: none !important;
  margin: 0 !important;
  width: 100% !important;
  min-height: 52px !important;
}
#main-menu .button.pswa i { color: #1FAD5C !important; }