/* Bouton « remonter en haut de la page » (inc/scroll-top.php).
   En bas à droite, au-dessus du contenu. */
.scroll-top {
  position: fixed;
  right: 30px;
  bottom: 30px;
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--tap-min);
  height: var(--tap-min);
  padding: 0;
  border: 0;
  border-radius: 2px;
  background: var(--burgundy);
  color: var(--bone);
  cursor: pointer;
  transition: transform .25s ease, background .2s ease;
}

.scroll-top[hidden] { display: none; }

.scroll-top:hover { background: var(--burgundy-deep); }

.scroll-top:focus-visible { outline: 2px solid var(--ochre); outline-offset: 2px; }

.scroll-top svg { width: 15px; height: auto; }

@media (max-width: 640px) {

  .scroll-top { right: 16px; bottom: 16px; }

  /* Remonte au-dessus de la ligne du bas du pied de page quand elle est visible. */
  .scroll-top.is-raised { transform: translateY(calc(-1 * var(--to-top-raise, 64px))); }
}