@import "../css/sd/backtotop.css"; 
/* ⚠️ Le bouton porte un SVG EN LIGNE depuis #66, plus une icône Font Awesome :
   c'était la dernière dépendance du club à cette feuille (12,8 Ko chez un
   tiers, pour un chevron).

   ⚠️ Et il s'affiche par OPACITÉ, plus par `display`. L'ancien fadeIn/fadeOut
   de jQuery finissait sur `display:block|none`, qui ne se transitionne pas ;
   `visibility:hidden` garde le bouton hors du parcours au clavier tant qu'il
   est caché, exactement comme `display:none` le faisait.

   ⚠️ Les DEUX copies (public/css/ et team/fcb/css/) doivent rester identiques
   à l'octet près — une assertion les compare (#17). */
#top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #00bac3;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  border-radius: 35px;
  z-index: 1024;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}
#top.on {
  opacity: 1;
  visibility: visible;
}
#top svg {
  width: 22px;
  height: 22px;
  color: #fff;
  transition: transform 0.3s ease;
}
#top:hover {
  background: rgba(0, 0, 0, 0.9);
}
#top:hover svg {
  transform: translateY(-4px);
}