/* ============================================================
   mobile-fit-20260716.css — plus de "pan vers la droite" sur
   téléphone dans Bot (#botv2) et Business (#bizv2) (+ Équipe et
   Vault/Scripts par précaution, mêmes garde-fous).
   Cause identifiée : le popup de planification (.bv2-pop) déborde
   du viewport (ancre à x≈64px + 320px de large = 384px sur un
   écran de 375). Sur iOS, un enfant plus large que le scroller
   vertical rend le pan horizontal possible malgré overflow-x:
   hidden → on règle la cause ET on verrouille le geste.
   Front only — aucun restart, personne n'est déconnecté.
   ============================================================ */

@media (max-width: 760px) {

  /* ── verrous anti-pan : seul le vertical est permis ──────────── */
  #botv2, #bizv2, #eqv2,
  #botv2 .bv2-body, #bizv2 .biz-body, #eqv2 .eqv2-body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    touch-action: pan-y;
    overscroll-behavior-x: none;
  }
  .tg-admin { overflow-x: hidden !important; max-width: 100vw !important; }
  #botv2 .bv2-view, #botv2 .bv2-col { max-width: 100%; }

  /* les scrollers horizontaux VOULUS gardent leur geste (tabs) */
  #botv2 .bv2-tabs, #bizv2 .biz-tabs, #eqv2 .eqv2-tabs {
    touch-action: pan-x pan-y;
    overflow-x: auto;
  }

  /* ── LA cause : le popup "Maintenant / Ce soir / …" ──────────── */
  /* en mode feuille : collé aux bords de l'écran, au-dessus de la
     barre Publier — plus aucun débordement possible, et plus lisible */
  #botv2 .bv2-pop {
    position: fixed;
    left: max(12px, env(safe-area-inset-left));
    right: max(12px, env(safe-area-inset-right));
    bottom: calc(88px + env(safe-area-inset-bottom));
    width: auto;
    max-width: none;
  }

  /* ── Business : rien ne doit pouvoir dépasser ────────────────── */
  #bizv2 svg { max-width: 100%; }
  #bizv2 .biz-body { overflow-wrap: anywhere; }

  /* panneau ＋ canaux : on resserre (l'ID est déjà masqué ≤640px) */
  #botv2 .bcm-pick .bcm-item .who { display: none; }
}