/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 4.27.5.1768228573
Updated: 2026-01-12 14:36:13

*/

/* ── Méga menu – empilement des deux headers ───────────────────────────────
   1er header : barre de navigation fixe, z-index le plus élevé.
   2e header  : panneau méga menu, ancré sous le 1er header.
   ────────────────────────────────────────────────────────────────────────── */
.et-l.et-l--header:first-of-type {
  z-index: 9999 !important;
}
.et-l.et-l--header:last-of-type {
  position: fixed !important;
  top: 90px !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 9998 !important;
}

/* ── Méga menu mobile ──────────────────────────────────────────────────────
   Le conteneur garde height:calc(100vh-100px) — nécessaire car son contenu
   est en position absolue et ne peut pas étirer le parent.
   Fix touch : pointer-events:none sur le conteneur → les touches passent
   au travers vers le contenu de la page quand le menu est fermé.
   pointer-events:auto sur tous les enfants → les liens et items du méga
   menu restent cliquables. Le scroll du menu fonctionne car il est initié
   sur les éléments enfants (auto) et remonte jusqu'au conteneur scrollable.
   ────────────────────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
  .et-l.et-l--header:last-of-type {
    position: fixed !important;
    top: 100px !important;
    left: 0 !important;
    width: 100% !important;
    height: calc(100vh - 100px) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    z-index: 9998 !important;
    pointer-events: none !important;
  }
  .et-l.et-l--header:last-of-type * {
    pointer-events: auto !important;
  }
}