/* Barre d'action fixe en bas de l'écran sur téléphone (9 novembre 2026), partagée par le parcours et, depuis le
 * 10 novembre 2026, par l'accueil (variante --floating, pilotée par le contrôleur floating-action-bar). */

/* Barre réduite au bouton (questions) : sans effet sur ordinateur, le bouton reste à sa place dans le bloc. */
.mobile-action-bar--inline {
  display: contents;
}

/* Bouton d'action toujours visible sur téléphone (9 novembre 2026) : barre fixe en bas de l'écran, comme sur
 * l'écran de paiement. Le contenu garde une marge pour ne jamais passer sous la barre, y compris au focus. */
@media (max-width: 599px) {
  html:has(.mobile-action-bar) {
    scroll-padding-bottom: 128px;
  }

  /* Barre flottante de l'accueil : masquée près du pied de page, elle ne réserve pas d'espace sous lui. */
  body:has(.mobile-action-bar:not(.mobile-action-bar--floating)) {
    padding-bottom: 128px;
  }

  .mobile-action-bar {
    position: fixed;
    inset: auto 0 0;
    z-index: 10;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-2) var(--space-4);
    margin: 0;
    padding: var(--space-3) var(--gutter-mobile) calc(var(--space-3) + env(safe-area-inset-bottom));
    background: var(--color-paper);
    border-top: var(--border-hair);
  }

  .mobile-action-bar .button,
  .mobile-action-bar form,
  .mobile-action-bar .inline-form {
    flex: 1 1 auto;
  }

  .mobile-action-bar form .button {
    width: 100%;
  }

  .mobile-action-bar .text-link {
    white-space: nowrap;
  }

  .mobile-action-bar--inline {
    display: flex;
  }
}

/* Accueil (10 novembre 2026) : copie du bouton principal, montrée sur téléphone tant que le bouton d'origine et le
 * pied de page sont hors de l'écran. Rien sur ordinateur. */
.mobile-action-bar--floating[hidden] {
  display: none;
}

@media (min-width: 600px) {
  .mobile-action-bar--floating {
    display: none;
  }
}