/* Mobile only — snappier overlays, no design change when fully open.
   Carousel / hero motion is left intact. */

@media (max-width: 768px), (hover: none) and (pointer: coarse) {
  html {
    scroll-behavior: auto;
  }

  button,
  a,
  .btn,
  .film-btn-watch,
  .film-btn-secondary,
  .player-icon-btn,
  .player-settings-row,
  .no-stream-server-btn {
    touch-action: manipulation;
  }

  /* Fiche info + porte pubs : apparition / disparition immédiate */
  .modal-bg,
  .watch-gate-modal {
    transition: none !important;
  }
  .watch-gate-box,
  .modal,
  .modal-box,
  .film-modal-tab.active {
    animation: none !important;
  }

  .watch-gate-backdrop,
  .modal-close-btn,
  .modal-floating-back,
  .modal-release-gate,
  .player-settings-panel,
  .player-bg.player-settings-open::before,
  .player-seg-recover,
  .search-overlay,
  .mobile-nav-sheet-backdrop {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  /* Lecteur : mêmes contrôles, transitions plus courtes */
  .player-premium-bar,
  .player-premium-top,
  .player-bg.player-ui-visible .player-premium-bar.player-bar-visible,
  .player-settings-panel {
    transition-duration: 0.12s !important;
  }

  .search-overlay,
  .mobile-nav-sheet,
  .mobile-nav-sheet-panel {
    transition-duration: 0.14s !important;
  }

  /* Animations déco (hors carrousel / hero / intro) */
  .flux-live,
  .flux-dot,
  .live-dot {
    animation: none !important;
  }
}