
/* Rocky Bat — Pack de contenu SEO : menu deroulant.
   Les sous-menus longs passent sur deux colonnes et restent dans l'ecran. */
@media (min-width:1025px){
  .hfe-nav-menu li.menu-item-has-children > .sub-menu{
    width:430px !important;
    min-width:430px !important;
    columns:2;
    column-gap:26px;
    max-height:74vh;
    overflow-y:auto;
    overflow-x:hidden;
    overscroll-behavior:contain;
  }
  .hfe-nav-menu li.menu-item-has-children:hover > .sub-menu,
  .hfe-nav-menu li.menu-item-has-children:focus-within > .sub-menu{
    columns:2; column-gap:26px; max-height:74vh; overflow-y:auto; overflow-x:hidden;
  }
  .hfe-nav-menu li.menu-item-has-children > .sub-menu > li{
    break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;display:block;width:100%;
  }
  .hfe-nav-menu li.menu-item-has-children > .sub-menu > li > a{
    padding-top:8px;padding-bottom:8px;white-space:normal;
  }
  /* les deux derniers items de la barre : le menu ne sort pas de l'ecran */
  .hfe-nav-menu > li:nth-last-child(-n+2) > .sub-menu{left:auto !important;right:0 !important;}
}
@media (max-width:1024px){
  .hfe-nav-menu .sub-menu{max-height:none;overflow:visible;}
  /* sous-menus plus compacts : 10 villes tiennent sur l'ecran */
  nav.hfe-nav-menu__layout-expandible ul.sub-menu li a.hfe-sub-menu-item,
  nav.hfe-nav-menu__layout-vertical ul.sub-menu li a.hfe-sub-menu-item{
    padding-top:9px !important;padding-bottom:9px !important;line-height:1.4;
  }
  /* la barre fixe du bas (plan d'acces / telephone) ne doit pas couvrir
     le dernier point du menu : on reserve sa hauteur */
  nav.hfe-nav-menu__layout-expandible,
  nav.hfe-nav-menu__layout-vertical,
  .hfe-nav-menu__layout-expandible,
  .hfe-nav-menu__layout-vertical{
    padding-bottom:110px !important;
  }
}
