/*
 * Virtual Hall® — composition de l'accueil sur téléphone uniquement.
 * Le bloc éditorial est centré entre le bandeau et les accès de bas de Hero.
 * Desktop et tablette grand format restent strictement inchangés.
 */
@media (max-width: 767px), (max-width: 1023px) and (max-height: 600px) and (orientation: landscape) {
  #main-content > div[class~="min-h-[100vh]"] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: 100svh;
  }

  #main-content > div[class~="min-h-[100vh]"] > .container.text-white {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1 0 auto;
    padding-top: calc(96px + clamp(28px, 4vh, 48px));
    padding-bottom: clamp(28px, 4vh, 48px);
  }

  /* Les accès restent après le texte : aucune superposition en écran court. */
  #main-content > div[class~="min-h-[100vh]"] > .absolute.bottom-0.left-0 {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    flex: 0 0 auto;
  }
}