/**
 * Scroll to Top Button
 *
 * @package NEWTIV
 * @since 1.0.0
 */

#scroll-to-top {
    position: fixed !important;
    bottom: 2rem !important;
    right: 2rem !important;
    width: 50px !important;
    height: 50px !important;
    background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 16px rgba(37, 99, 235, 0.4) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(20px) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    z-index: 9999 !important;
}

#scroll-to-top.visible {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

#scroll-to-top:hover {
    background: linear-gradient(135deg, #1e40af 0%, #2563eb 100%) !important;
    transform: translateY(-4px) scale(1.1) !important;
    box-shadow: 0 8px 24px rgba(37, 99, 235, 0.5) !important;
}

#scroll-to-top svg {
    width: 20px !important;
    height: 20px !important;
}

@media (max-width: 768px) {
    #scroll-to-top {
        bottom: 5rem !important;
        right: 1.5rem !important;
        width: 44px !important;
        height: 44px !important;
    }
}