/*
 * Idéal Web — sécurité de défilement mobile pour la page Choisir votre métier.
 * Correction isolée : aucun changement dans le tunnel, Firebase ou les templates.
 */
@media (max-width: 1180px), (pointer: coarse) {
  html {
    min-height: 100%;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior-y: auto !important;
    touch-action: pan-y pinch-zoom;
    -webkit-overflow-scrolling: touch;
  }

  body.choice-page-direct,
  body.choice-page-direct.menu-open {
    position: static !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: auto !important;
    height: auto !important;
    min-height: 100%;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior-y: auto !important;
    touch-action: pan-y pinch-zoom !important;
    -webkit-overflow-scrolling: touch;
  }

  body.choice-page-direct main,
  body.choice-page-direct #metiers,
  body.choice-page-direct .metier-family-stack {
    touch-action: pan-y pinch-zoom;
  }

  body.choice-page-direct .main-menu {
    max-height: calc(100dvh - 76px);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    touch-action: pan-y;
    -webkit-overflow-scrolling: touch;
  }
}