/* Priyuvaan Preloader Custom Styling - With Left to Right Color Wave Effect */

/* Base letter styling */
.txt-loading .letters-loading {
    color: #64b5f6 !important; /* Light blue as base */
    font-weight: 700;
    transition: color 0.3s ease;
}

/* Left to Right Color Wave Animation */
.letters-loading:nth-child(1) { 
    animation: colorWave 2s infinite;
    animation-delay: 0s;
}
.letters-loading:nth-child(2) { 
    animation: colorWave 2s infinite;
    animation-delay: 0.1s;
}
.letters-loading:nth-child(3) { 
    animation: colorWave 2s infinite;
    animation-delay: 0.2s;
}
.letters-loading:nth-child(4) { 
    animation: colorWave 2s infinite;
    animation-delay: 0.3s;
}
.letters-loading:nth-child(5) { 
    animation: colorWave 2s infinite;
    animation-delay: 0.4s;
}
.letters-loading:nth-child(6) { 
    animation: colorWave 2s infinite;
    animation-delay: 0.5s;
}
.letters-loading:nth-child(7) { 
    animation: colorWave 2s infinite;
    animation-delay: 0.6s;
}
.letters-loading:nth-child(8) { 
    animation: colorWave 2s infinite;
    animation-delay: 0.7s;
}
.letters-loading:nth-child(9) { 
    animation: colorWave 2s infinite;
    animation-delay: 0.8s;
}

/* Color Wave Animation Keyframes */
@keyframes colorWave {
    0% {
        color: #bbdefb; /* Very light blue */
        transform: scale(1);
    }
    25% {
        color: #42a5f5; /* Medium blue */
        transform: scale(1.05);
    }
    50% {
        color: #1976d2; /* Dark blue */
        transform: scale(1.1);
        text-shadow: 0 0 10px rgba(25, 118, 210, 0.5);
    }
    75% {
        color: #0d47a1; /* Darkest blue */
        transform: scale(1.05);
    }
    100% {
        color: #bbdefb; /* Back to light blue */
        transform: scale(1);
    }
}

/* Loading text color with pulse effect */
.animation-preloader p {
    color: #1976d2 !important;
    font-weight: 600;
    animation: loadingPulse 1.5s ease-in-out infinite;
}

@keyframes loadingPulse {
    0%, 100% {
        opacity: 0.7;
        color: #1976d2;
    }
    50% {
        opacity: 1;
        color: #0d47a1;
    }
}

/* Spinner color to match blue theme */
.spinner {
    border-color: rgba(25, 118, 210, 0.2) !important;
    border-top-color: #1976d2 !important;
}