/* A setinha de "há mais em baixo" — o par de wwwroot/js/scroll-hint.js.
   Mesma pílula do app (fundo branco, contorno lilás), fixa ao fundo do ecrã.

   Uma dica, NÃO um botão: `pointer-events: none`, para o fim das listas (que tem botões)
   continuar a responder por baixo dela. O ponteiro fica o normal — não se promete um clique
   que não existe. */

.bt-scroll-hint {
    position: fixed;
    left: 50%;
    bottom: 16px;
    z-index: 70;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    margin-left: -17px;
    border-radius: 50%;
    border: 1px solid #d9c4ea;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 4px 12px rgba(42, 22, 54, .12);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .2s ease, visibility .2s ease;
    -webkit-tap-highlight-color: transparent;
}

.bt-scroll-hint.is-visible {
    opacity: 1;
    visibility: visible;
}

.bt-scroll-hint svg {
    display: block;
}

/* Meia volta: a MESMA seta, agora a apontar para cima (chegou ao fim). */
.bt-scroll-hint.is-end svg {
    transform: rotate(180deg);
}

/* O balanço: um vai-vem de 5 px a cada 1,8 s — vê-se no canto do olho e não distrai.
   A animação só existe com a pílula à vista (uma página que já acabou não gasta frames)
   e a chave de cima é a de baixo repetida, para a seta rodada balançar para o lado certo. */
.bt-scroll-hint.is-visible svg {
    animation: bt-scroll-hint-bob 1.8s ease-in-out infinite;
}

.bt-scroll-hint.is-visible.is-end svg {
    animation-name: bt-scroll-hint-bob-up;
}

@keyframes bt-scroll-hint-bob {
    0%, 40%, 100% { transform: translateY(0); }
    20% { transform: translateY(5px); }
}

@keyframes bt-scroll-hint-bob-up {
    0%, 40%, 100% { transform: rotate(180deg) translateY(0); }
    20% { transform: rotate(180deg) translateY(5px); }
}

@media (prefers-reduced-motion: reduce) {
    .bt-scroll-hint,
    .bt-scroll-hint svg {
        animation: none;
        transition: none;
    }
}

@media print {
    .bt-scroll-hint {
        display: none;
    }
}