/* ===== UNIFIED ANIMATED BACKGROUND ===== */

/* Remove all section background differences */
body {
    background: #060a10 !important;
    position: relative;
    overflow-x: hidden;
}

/* Animated Background Gradient — DISABLED for uniform dark background */
body::before {
    display: none;
}

@keyframes backgroundMove {
    0%, 100% {
        transform: translate(0, 0);
        opacity: 1;
    }
    25% {
        transform: translate(10px, -10px);
        opacity: 0.9;
    }
    50% {
        transform: translate(-10px, 10px);
        opacity: 0.85;
    }
    75% {
        transform: translate(10px, 10px);
        opacity: 0.9;
    }
}

/* Floating Particles Background — DISABLED for uniform dark background */
body::after {
    display: none;
}

@keyframes floatingParticles {
    0%, 100% {
        background-position: 0% 0%;
    }
    50% {
        background-position: 100% 100%;
    }
}

/* Ensure all sections use the same dark background as the navbar */
section,
section.section,
.section,
#home,
#about,
#skills,
#experience,
#projects,
#contact,
.bg-alt,
.bg-light {
    background: #060a10 !important;
    position: relative;
}

/* Make sure content is above animated background */
.main-content,
section > .container {
    position: relative;
    z-index: 1;
}

/* Subtle Grid Pattern - DISABLED for uniform dark background */
.hero-section::before {
    display: none;
}

@keyframes gridMove {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(50px, 50px);
    }
}

/* Glowing Orbs Animation - DISABLED for uniform dark background */
.animated-orb {
    display: none;
}

@keyframes floatOrb1 {
    0%, 100% {
        transform: translate(0, 0) scale(1);
    }
    33% {
        transform: translate(50px, -50px) scale(1.1);
    }
    66% {
        transform: translate(-30px, 30px) scale(0.9);
    }
}

@keyframes floatOrb2 {
    0%, 100% {
        transform: translate(0, 0) scale(1);
    }
    33% {
        transform: translate(-40px, 40px) scale(0.9);
    }
    66% {
        transform: translate(40px, -40px) scale(1.1);
    }
}

@keyframes floatOrb3 {
    0%, 100% {
        transform: translate(-50%, -50%) scale(1);
    }
    50% {
        transform: translate(-50%, -50%) scale(1.2);
    }
}

/* Wave Animation at Bottom of Sections */
.wave-divider {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    pointer-events: none;
}

.wave-divider svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 60px;
}

.wave-divider .shape-fill {
    fill: rgba(47, 129, 217, 0.05);
    animation: waveMove 10s ease-in-out infinite;
}

@keyframes waveMove {
    0%, 100% {
        d: path("M0,32L48,37.3C96,43,192,53,288,56C384,59,480,53,576,48C672,43,768,37,864,37.3C960,37,1056,43,1152,45.3C1248,48,1344,48,1392,48L1440,48L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z");
    }
    50% {
        d: path("M0,64L48,69.3C96,75,192,85,288,80C384,75,480,53,576,48C672,43,768,53,864,58.7C960,64,1056,64,1152,64C1248,64,1344,64,1392,64L1440,64L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z");
    }
}

/* Remove section separators */
section.section::after {
    display: none !important;
}

/* Remove gap between hero and the section below it */
.hero-section {
    margin-bottom: 0 !important;
}

/* Remove section margins so there are no gaps showing body through */
section.section {
    margin-bottom: 0 !important;
}

/* Hide background decorations on all sections */
#contact::before,
#contact::after {
    display: none !important;
}

/* Prevent AOS fade-left/fade-right from causing scrollbar flash on page load */
section.section,
#contact {
    overflow: hidden !important;
}

/* Mobile Optimization */
@media (max-width: 768px) {
    body::before,
    body::after {
        animation-duration: 30s;
    }
    
    .animated-orb {
        filter: blur(40px);
        opacity: 0.3;
    }
    
    .orb-1,
    .orb-2,
    .orb-3 {
        width: 250px;
        height: 250px;
    }
}

/* Performance: Disable for reduced motion */
@media (prefers-reduced-motion: reduce) {
    body::before,
    body::after,
    .animated-orb,
    .hero-section::before {
        animation: none !important;
    }
}