/* PNGRUBS — Scroll to Top, works WITH Astra's native icon system, doesn't replace it */

#ast-scroll-top {
    background-color: #184E77;
    border-radius: 50%;
    box-shadow: 0 4px 14px rgba(24,78,119,0.35), 0 0 0 1px rgba(255,255,255,0.06) inset;
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.25s ease, background-color 0.25s ease;
}

#ast-scroll-top:hover {
    background-color: #0e6b8a;
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(14,107,138,0.4), 0 0 0 1px rgba(255,255,255,0.1) inset;
}

#ast-scroll-top .ast-icon.icon-arrow svg {
    width: 1.3em;
}

@media (max-width: 921px) {
    #ast-scroll-top {
        font-size: 14px;
    }
}

/* Override site-wide svg{display:block} reset — restores Astra's inline centering for this icon only */
#ast-scroll-top .ast-icon.icon-arrow svg {
    display: inline-block;
    vertical-align: middle;
}