/* La barra d'iscrizione della pagina del corso (academy/_barra_iscrizione.html), la stessa di .fbl-barra nelle landing
   di Event Manager (eventi/fbm2026-iscrizione.css): solo dove la scheda d'iscrizione scende in fondo alla pagina. */
.ac-barra, .ac-barra-spazio { display: none; }
.ac-corso #iscrizione { scroll-margin-top: 64px; }          /* la barra dell'Academy resta ferma in alto */

@media (max-width: 1000px) {
  .ac-barra-spazio { display: block; height: calc(69px + env(safe-area-inset-bottom)); }   /* alta come la barra: il piè di pagina non le finisce sotto */
  .ac-barra { position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; display: flex; align-items: center; justify-content: center;
              gap: 10px; padding: 10px 16px calc(10px + env(safe-area-inset-bottom)); background: rgba(255, 255, 255, 0.97);
              border-top: 1px solid #E5E5E5; box-shadow: 0 -10px 30px -18px rgba(0, 61, 98, 0.45);
              transform: translateY(110%); visibility: hidden; transition: transform .3s ease, visibility 0s linear .3s; }
  .ac-barra.on { transform: none; visibility: visible; transition: transform .3s ease, visibility 0s; }
  .ac-barra-cta { flex: 1; max-width: 560px; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box;
                  min-height: 48px; padding: 12px 18px; border-radius: 999px; background: #BE9A4E; color: #003D62;
                  font: 700 16px/1.2 'Hanken Grotesk', system-ui, sans-serif; text-align: center; text-decoration: none; }
  .ac-barra-tel { flex: none; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; width: 48px;
                  height: 48px; border-radius: 50%; border: 1px solid #E5E5E5; color: #003D62; }
  .ac-barra a:focus-visible { outline: 2px solid #003D62; outline-offset: 3px; }
}

/* l'assistente (assistente/widget.css) sale sopra la barra e i bottoni della scheda, o si fa da parte mentre un bottone
   gli passa sotto: lo sposta academy-barra.js */
#assistente-widget { transition: transform .2s ease, opacity .2s ease, visibility 0s; }
#assistente-widget.ac-via { opacity: 0; visibility: hidden; transition: transform .2s ease, opacity .2s ease, visibility 0s linear .2s; }

@media (prefers-reduced-motion: reduce) {
  .ac-barra, .ac-barra.on, #assistente-widget, #assistente-widget.ac-via { transition: none; }
}