/*
 * eb_gestes.css — repères visuels des gestes du doigt (js/eb_gestes.js).
 *
 * Poignée grise en haut des fenêtres qui se ferment d'un glisser vers le bas :
 * au téléphone seulement (même requête que le geste), jamais au bureau, où elle
 * ne répondrait à rien. Posée par le JS sur les modales Bootstrap non statiques
 * et les boîtes sweetalert.
 */
.eb-geste-poignee {
  display: none;
}
@media (max-width: 767.98px), (hover: none) and (pointer: coarse) {
  .modal-content,
  .swal2-popup.swal2-modal,
  .swal3-popup.swal3-modal {
    position: relative;
  }
  .eb-geste-poignee {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 72px;
    height: 20px;
    margin-left: -36px;
    z-index: 2;
    touch-action: none;
    cursor: grab;
  }
  .eb-geste-poignee::before {
    content: '';
    position: absolute;
    top: 6px;
    left: 18px;
    width: 36px;
    height: 4px;
    border-radius: 2px;
    background: rgba(100, 116, 139, 0.35);
  }
  :root.dark .eb-geste-poignee::before {
    background: rgba(226, 232, 240, 0.3);
  }
  /* L'en-tête est la prise : le navigateur n'y fait défiler ni zoomer. */
  .modal.show .modal-header {
    touch-action: none;
  }
}