/* ════════════════════════════════════════════════════════════════
   LDNR · Bouton "Retour en haut" — pastille flottante bas-droite,
   apparaît après un certain scroll, stylée avec le système liquid
   glass (classes lg lg--pill lg--pill-accent-hover, cf liquid-glass.css).
   ════════════════════════════════════════════════════════════════ */

.scroll-top {
  position:   fixed;
  right:      1.5rem;
  bottom:     1.5rem;
  z-index:    60;
  width:      3rem;
  height:     3rem;
  padding:    0;
  display:    flex;
  align-items:     center;
  justify-content: center;
  border:     none;
  cursor:     pointer;
  color:      var(--color-text);

  opacity:    0;
  visibility: hidden;
  transform:  translateY(14px);
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s, background-color 0.3s ease, box-shadow 0.3s ease;
}

.scroll-top.is-visible {
  opacity:    1;
  visibility: visible;
  transform:  none;
}

.scroll-top svg {
  width:  1.15rem;
  height: 1.15rem;
  stroke: currentColor;
  fill:   none;
}

.scroll-top:hover {
  color: var(--color-bg);
}

@media (max-width: 600px) {
  .scroll-top {
    right:  1rem;
    bottom: 1rem;
    width:  2.75rem;
    height: 2.75rem;
  }
}