/* Animacija za login page .logo */
#header .logo {
    background-size: contain !important;
    margin-bottom: 28px !important;
    filter: drop-shadow(0 0 24px rgba(11, 116, 255, 0.5)) !important;
}

@media (prefers-reduced-motion: no-preference) {
    #header .logo {
        will-change: transform, filter;
        animation: logoFloat 4s ease-in-out infinite;
    }

    @keyframes logoFloat {
        0%, 100% {
            transform: translateY(0px) scale(1);
            filter: drop-shadow(0 0 18px rgba(11, 116, 255, 0.4));
        }
        50% {
            transform: translateY(-10px) scale(1.02);
            filter: drop-shadow(0 0 40px rgba(11, 116, 255, 0.85))
                    drop-shadow(0 0 80px rgba(11, 116, 255, 0.3))
                    drop-shadow(0 0 120px rgba(150, 210, 255, 0.35));
        }
    }

    /* Reset SAMO za cloud logoto */
    #header #nextcloud .logo {
        animation: none !important;
        will-change: auto !important;
        margin-bottom: 0 !important;
        filter: var(--image-logoheader-custom, var(--background-image-invert-if-bright)) !important;
    }
}