/* TOKSAVE MOBILE VIEWPORT FIX 20260623 */

html,
body {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
  scroll-behavior: auto !important;
}

/* iPhone/Safari zoome automatiquement si input < 16px */
@media (max-width: 768px) {
  input,
  textarea,
  select {
    font-size: 16px !important;
    line-height: 1.35 !important;
  }

  button,
  a {
    -webkit-tap-highlight-color: transparent !important;
  }

  body {
    position: relative !important;
    min-width: 0 !important;
  }

  section,
  main,
  header,
  footer,
  .container,
  .wrapper,
  .hero,
  .hero-section,
  .platform-hero,
  .home-hero,
  .bod,
  .largebod {
    max-width: 100vw !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  #downloadForm,
  .download-form,
  .platform-home-download-v92,
  .platform-download-form {
    max-width: calc(100vw - 24px) !important;
    box-sizing: border-box !important;
  }

  #urlInput,
  input[name="url"],
  input.url-input,
  input[type="text"] {
    max-width: 100% !important;
    box-sizing: border-box !important;
    transform: none !important;
  }

  .toksave-photo-router-result,
  .toksave-tiktok-video-direct-result,
  .toksave-loading-safety-message,
  .toksave-paste-safe-message,
  .toksave-youtube-disabled-notice {
    max-width: calc(100vw - 24px) !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  .toksave-tiktok-video-loading,
  .toksave-photo-router-card,
  .toksave-tiktok-video-direct-card {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* Très petits écrans */
@media (max-width: 420px) {
  #downloadForm,
  .download-form,
  .platform-home-download-v92,
  .platform-download-form,
  .toksave-photo-router-result,
  .toksave-tiktok-video-direct-result,
  .toksave-loading-safety-message,
  .toksave-paste-safe-message,
  .toksave-youtube-disabled-notice {
    max-width: calc(100vw - 18px) !important;
  }
}