/* navbar.css */

.ios-glass {
    background: rgba(28, 28, 30, 0.4);
    backdrop-filter: blur(25px) saturate(180%);
    -webkit-backdrop-filter: blur(25px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, 0.12);
}

/* DEEP BLACK DROP-DOWN: For high legibility */
.ios-glass-dark {
    background: rgba(0, 0, 0, 0.98);
    backdrop-filter: blur(40px) saturate(200%);
    -webkit-backdrop-filter: blur(40px) saturate(200%);
    border: 1px solid rgba(255, 255, 255, 0.15);
}

/* Force everything in the logo to white */
.svg-fill-primary {
    fill: #ffffff !important;
}

@keyframes logo-shimmer {
    0% {
        filter: brightness(1) drop-shadow(0 0 0px rgba(59, 130, 246, 0));
    }

    50% {
        filter: brightness(1.3) drop-shadow(0 0 10px rgba(59, 130, 246, 0.5));
    }

    100% {
        filter: brightness(1) drop-shadow(0 0 0px rgba(59, 130, 246, 0));
    }
}

.logo-animate {
    animation: logo-shimmer 4s ease-in-out infinite;
    transition: transform 0.3s ease;
}

#mobile-menu.flex {
    display: flex;
    animation: slideIn 0.3s ease-out forwards;
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}