.btn-on-scroll {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(10px);
}
.btn-on-scroll.btn-on-scroll-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

/* Keď je TOC prázdny (stránka bez nadpisov), skryjeme aj príslušné
   TOC tlačidlo .btn-on-scroll-toc — všade (PC aj mobil). */
body.cdesk-toc-empty .btn-on-scroll-toc {
    display: none;
}

/* Animácie len ak používateľ nemá nastavené reduced-motion */
@media (prefers-reduced-motion: no-preference) {
    .btn-on-scroll {
        transition: opacity .25s ease, transform .25s ease, visibility 0s linear .25s;
    }
    .btn-on-scroll.btn-on-scroll-visible {
        transition: opacity .25s ease, transform .25s ease, visibility 0s linear 0s;
    }
}