/*
 * FERNANDO BAGNOLA - V08
 * ETAPA 06B
 * SETAS FLUTUANTES DAS GALERIAS
 *
 * SOMENTE MOBILE E TABLET
 * COMPUTADOR INTACTO
 */

@media (max-width: 1200px) {

    body .gallery-return-button {
        width: 44px !important;
        height: 44px !important;

        right: 16px !important;
        bottom: 16px !important;

        padding: 0 !important;

        background: transparent !important;
        background-image: none !important;

        border: 0 !important;
        border-radius: 0 !important;

        box-shadow: none !important;
    }

    /*
     * Oculta o circulo giratorio e as setas
     * antigas, sem remover o botao funcional.
     */

    body .gallery-return-button .gallery-return-ring,
    body .gallery-return-button .gallery-return-arrow {
        display: none !important;
    }

    body .gallery-return-button::before {
        content: none !important;
        display: none !important;
        animation: none !important;
    }

    /*
     * Desenha apenas o simbolo ^.
     * Mesmo ritmo suave da seta da HOME.
     */

    body .gallery-return-button::after {
        content: "" !important;

        position: absolute !important;

        inset: auto !important;
        top: 50% !important;
        left: 50% !important;

        display: block !important;

        width: 11px !important;
        height: 11px !important;

        box-sizing: border-box !important;

        border-left: 1.5px solid
            rgba(255,255,255,0.82) !important;

        border-top: 1.5px solid
            rgba(255,255,255,0.82) !important;

        border-right: 0 !important;
        border-bottom: 0 !important;

        border-radius: 0 !important;

        background: transparent !important;

        opacity: 1 !important;

        font-size: 0 !important;
        line-height: 0 !important;

        transform:
            translate(-50%, -40%)
            rotate(45deg) !important;

        animation:
            fbV08GalleryArrowFloat
            1.9s
            ease-in-out
            infinite !important;
    }

    @keyframes fbV08GalleryArrowFloat {

        0%, 100% {
            transform:
                translate(-50%, -40%)
                rotate(45deg);
        }

        50% {
            transform:
                translate(-50%, -85%)
                rotate(45deg);
        }
    }
}

/*
 * Respeita a preferencia de acessibilidade
 * por movimento reduzido.
 */

@media
(prefers-reduced-motion: reduce) {

    body .gallery-return-button::after {
        animation: none !important;
    }
}