/* Bouton flottant */
#scrollToTop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 60px;
    height: 60px;
    background: transparent;
    border: none;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
}

/* Cercle de fond (cercle sous le cercle animé) */
#scrollToTop svg circle:first-child {
    stroke: var(--scroll-primary-circle); /* Couleur de fond grise claire */
}

/* Cercle animé */
#scrollToTop svg circle:nth-child(2) {
    transition: stroke-dashoffset 0.3s linear;
    stroke: var(--scroll-secondary-circle);
}

#scrollToTop svg polyline {
    transition: stroke-dashoffset 0.3s linear;
    stroke: var(--scroll-secondary-circle);
}
/* Affichage du bouton lorsqu'on scroll */
#scrollToTop.show {
    opacity: 1;
    visibility: visible;
}