/* 
 * Neon Glow Effect for VADIRA Logo
 * Monochrome white glow effect
 */

/* Neon text effect - reduced intensity */
.neon-logo {
    font-weight: bold;
    color: #FFFFFF;
    text-shadow: 
        0 0 3px #fff,
        0 0 5px #fff,
        0 0 8px #808080,
        0 0 10px #808080,
        0 0 15px #808080,
        0 0 20px #808080;
    animation: neon-glow 2s ease-in-out infinite alternate;
}

/* Animated glow effect - reduced intensity */
@keyframes neon-glow {
    from {
        text-shadow: 
            0 0 3px #fff,
            0 0 5px #fff,
            0 0 8px #808080,
            0 0 10px #808080,
            0 0 15px #808080,
            0 0 20px #808080;
    }
    to {
        text-shadow: 
            0 0 5px #fff,
            0 0 10px #fff,
            0 0 15px #a0a0a0,
            0 0 20px #a0a0a0,
            0 0 30px #a0a0a0,
            0 0 40px #a0a0a0;
    }
}

/* Subtle version for smaller headers - reduced intensity */
.neon-logo-subtle {
    font-weight: bold;
    color: #FFFFFF;
    text-shadow: 
        0 0 2px #fff,
        0 0 3px #fff,
        0 0 5px #808080,
        0 0 7px #808080;
    animation: neon-glow-subtle 2s ease-in-out infinite alternate;
}

@keyframes neon-glow-subtle {
    from {
        text-shadow: 
            0 0 2px #fff,
            0 0 3px #fff,
            0 0 5px #808080,
            0 0 7px #808080;
    }
    to {
        text-shadow: 
            0 0 3px #fff,
            0 0 5px #fff,
            0 0 8px #a0a0a0,
            0 0 10px #a0a0a0;
    }
}

/* Bottom glow effect - light coming from below (reduced) */
.neon-bottom-glow {
    position: relative;
}

.neon-bottom-glow::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 15px;
    background: radial-gradient(ellipse at center, rgba(255,255,255,0.15) 0%, transparent 70%);
    filter: blur(8px);
    animation: pulse-glow 2s ease-in-out infinite;
}

@keyframes pulse-glow {
    0%, 100% {
        opacity: 0.3;
        transform: translateX(-50%) scaleX(1);
    }
    50% {
        opacity: 0.6;
        transform: translateX(-50%) scaleX(1.05);
    }
}

/* Icon glow effect - reduced intensity */
.neon-icon {
    filter: drop-shadow(0 0 2px rgba(255,255,255,0.5))
            drop-shadow(0 0 5px rgba(128,128,128,0.3))
            drop-shadow(0 0 8px rgba(128,128,128,0.2));
    animation: icon-pulse 2s ease-in-out infinite alternate;
}

@keyframes icon-pulse {
    from {
        filter: drop-shadow(0 0 2px rgba(255,255,255,0.5))
                drop-shadow(0 0 5px rgba(128,128,128,0.3))
                drop-shadow(0 0 8px rgba(128,128,128,0.2));
    }
    to {
        filter: drop-shadow(0 0 3px rgba(255,255,255,0.7))
                drop-shadow(0 0 8px rgba(160,160,160,0.4))
                drop-shadow(0 0 12px rgba(160,160,160,0.3));
    }
}

/* Hover effect - slightly increased glow */
.neon-logo:hover,
.neon-logo-subtle:hover {
    animation-duration: 0.5s;
    text-shadow: 
        0 0 5px #fff,
        0 0 10px #fff,
        0 0 15px #c0c0c0,
        0 0 20px #c0c0c0,
        0 0 30px #c0c0c0,
        0 0 40px #c0c0c0;
}

/* Container glow reflection */
.neon-container {
    position: relative;
}

.neon-container::before {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent);
    animation: scan 3s linear infinite;
}

@keyframes scan {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(100%);
    }
}