/* [HOME-BAND-BUTTONS-20260927] Emplacement des quatre boutons de
   téléchargement du haut, sur ordinateur uniquement. Quand le bandeau écoles
   défilant est entièrement visible juste sous le bandeau collant, ces quatre
   boutons se centrent dans l'espace qui reste jusqu'au bas de l'écran : ils
   sont aussi proches du bas de l'animation que du bas de l'écran.
   Le fond reste blanc, comme le reste de la page : cette feuille ne peint
   rien, elle ne déplace que des boîtes. Téléphone et tablette : aucune règle,
   le rythme historique de schools-band.css reste intact.
   La feuille ne porte qu'un point de rupture, celui de l'ordinateur
   (min-width: 1001px, comme le héros de hero-layout.css) ; la seule mesure
   dont elle a besoin vient de schools-band-buttons.js. */

@media (min-width: 1001px) {
  /* schools-band.css ménage environ 187 px sous la dernière ligne noire, pour
     centrer le bandeau entre le héros et les boutons. Les boutons devant être
     à égale distance du bas de l'animation et du bas de l'écran, cet espace
     leur revient : la marge disparaît, et la place libérée devient la hauteur
     que les boutons partagent.
     [HOME-SCROLL-REVEAL-20260930] Le bandeau lui-même remonte de 4rem :
     son haut affleure le bas de l'écran au chargement (mesuré à +8px
     sous le pli en 1440x900, +43px en 1280x720), donc le moindre
     défilement révèle l'animation. Téléphone et tablette : la règle
     de base centrée (schools-band.css) reste intacte. */
  .schools-band:not(.schools-band--after-offers):not([hidden]) {
    margin-bottom: 0;
    margin-top: calc(var(--home-schools-centered-gap) - 4rem);
  }

  /* La même garde que schools-band.css : en famille Lycée le bandeau est
     [hidden], et les boutons gardent alors leur place historique. */
  .schools-band:not(.schools-band--after-offers):not([hidden])
    + .store-buttons-section:not(.store-buttons-section--after-offers) {
    justify-content: center;
    min-height: var(--home-band-buttons-height, 0px);
  }

  /* L'ancre « Commencer » s'arrête sur cette position : le haut des boutons
     se cale à l'offset mesuré, le bas de l'espace tombe donc au bas de
     l'écran et les quatre boutons arrivent centrés. La cible est
     l'identifiant car le 150px de styles.css l'emporte sur un sélecteur de
     classe. */
  .schools-band:not(.schools-band--after-offers):not([hidden])
    + #telechargements-haut {
    scroll-margin-top: var(--home-band-buttons-offset, 150px);
  }
}
