/* Exemple : hauteur responsive correcte */
.my-full-screen-section {
  height: calc(var(--vh, 1vh) * 100);
}

document.addEventListener('touchstart', function() {}, true);

  /* Classe spéciale pour iOS */
  body.ios-fix header {
    position: sticky !important;
    top: 0;
    z-index: 1000;
    /* on évite fixed car iOS a des bugs */
    box-shadow: 0 4px 6px rgba(0,0,0,0.3);
  }

  /* Optionnel : décaler main pour ne pas être sous le header */
  body.ios-fix main {
    padding-top: 5rem; /* ajuster selon la hauteur de ton header */
  }

  body {
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
  }
  html, body {
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}

section {
  scroll-margin-top: 100px; /* adapte selon la hauteur de ta navbar */
}

section {
  position: absolute;
  top: 7rem;
  left: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 0;
  transition: opacity 0.5s ease;
}
section.active {
  position: relative;
  opacity: 1;
  visibility: visible;
  z-index: 1;
}