/* ==================================================================
   DISABLE BACKGROUND ANIMATIONS
   Remove all animations that cause body/background movement
================================================================== */

/* Disable hero section background animations */
.hero-section::before,
.hero-section::after {
    animation: none !important;
    transform: none !important;
}

/* Disable campaign tag overlay background animations */
.campaign-tag-overlay::before,
.campaign-tag-overlay::after {
    animation: none !important;
    transform: none !important;
}

/* Disable floating particles animation */
@keyframes particlesFloat {
    0%, 100% {
        transform: none !important;
        opacity: 0.3;
    }
}

/* Disable hero pattern animation */
@keyframes heroPattern {
    0%, 100% {
        transform: none !important;
        opacity: 0.3;
    }
}

/* Disable floating icons animation */
@keyframes floatingIcons {
    0%, 100% {
        transform: none !important;
        opacity: 0.3;
    }
}

/* Keep hero entrance animation but make it static after load */
@keyframes heroEntrance {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Ensure no body movement */
body {
    animation: none !important;
    transform: none !important;
}

/* Disable any background movement animations */
*::before,
*::after {
    animation-duration: 0s !important;
    animation-iteration-count: 1 !important;
}

/* Keep only essential UI animations (buttons, hovers, etc.) */
.btn,
.button,
input,
select,
textarea {
    animation-duration: 0.3s !important;
}

/* Disable all infinite animations except loading spinners */
*:not(.loading):not(.spinner):not(.loading-spinner) {
    animation-iteration-count: 1 !important;
}

/* Specifically target problematic background elements */
.hero-section {
    animation: heroEntrance 1.5s ease-out !important;
    animation-fill-mode: forwards !important;
}

/* Remove any transform animations from background elements */
.hero-section::before,
.hero-section::after,
.campaign-tag-overlay::before,
.campaign-tag-overlay::after {
    transform: none !important;
    animation: none !important;
}