/* Couvrelles — Fix sous-menu « Événements » inaccessible sur les pages qui SONT
   elles-mêmes un sous-item (Adultes, Lycéens & Collégiens).
   Sur ces pages le <li> parent porte « current-menu-ancestor » et le JS SmartMenus
   d'Elementor Pro verrouille / referme le dropdown, rendant les sous-items
   incliquables. On reprend le contrôle de l'affichage en CSS pur, indépendamment de
   SmartMenus : le sous-menu reste toujours rendu (display:block, on neutralise le
   display:none/block inline posé par SmartMenus) mais n'est visible et cliquable
   qu'au survol / focus du <li> parent. Aucun « pont » de survol superposé (l'ancien
   ::after recouvrait et bloquait les clics sur les premiers sous-items).
   Desktop uniquement — le menu burger mobile (.elementor-nav-menu--dropdown <nav>)
   n'est pas ciblé. */

@media (min-width: 1025px) {

  /* Le header doit créer un contexte d'empilement AU-DESSUS du contenu de page.
     Sans cela il reste position:static / z-index:auto et la partie basse du
     dropdown (qui déborde sous la barre du header) passe DERRIÈRE le hero / les
     sections de la page, rendant les sous-items du bas incliquables. */
  header.elementor-location-header {
    position: relative;
    z-index: 1000;
  }

  nav.elementor-nav-menu--main ul.elementor-nav-menu > li.menu-item-has-children {
    position: relative;
  }

  /* Sous-menu toujours dans le DOM rendu (display forcé), masqué via visibility /
     opacity pour ne pas dépendre du display que SmartMenus bascule en inline. */
  nav.elementor-nav-menu--main ul.elementor-nav-menu > li.menu-item-has-children > ul.sub-menu {
    display: block !important;
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 0 !important;
    /* Largeur ajustée au contenu : en forçant display:block, SmartMenus ne
       calcule plus la largeur du dropdown (il la posait en inline à l'ouverture),
       d'où un sous-menu qui ne s'adaptait pas à « Lycéens & Collégiens ». */
    width: max-content !important;
    min-width: 100% !important;
    max-width: 90vw !important;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    z-index: 999;
    transition: opacity .15s ease, visibility 0s linear .15s;
  }

  /* Les libellés de sous-items ne se coupent pas / ne passent pas à la ligne. */
  nav.elementor-nav-menu--main ul.sub-menu > li > a.elementor-sub-item {
    white-space: nowrap;
  }

  /* Révélation au survol / focus du parent (ou du sous-menu, qui en est un enfant,
     donc maintient le :hover du <li> — pas de zone morte, le dropdown touche l'ancre). */
  nav.elementor-nav-menu--main ul.elementor-nav-menu > li.menu-item-has-children:hover > ul.sub-menu,
  nav.elementor-nav-menu--main ul.elementor-nav-menu > li.menu-item-has-children:focus-within > ul.sub-menu {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transition: opacity .15s ease;
  }

  /* Le sous-item de la page courante doit rester pleinement cliquable. */
  nav.elementor-nav-menu--main .elementor-sub-item.elementor-item-active {
    pointer-events: auto !important;
  }
}