/* Specific styles to ensure header ticker stays on top of hero particles */
.ticker-wrap {
    z-index: 15 !important;
    /* Higher than particle containers */
}

/* Ensure hero section has proper positioning context */
#hero {
    position: relative;
    overflow: hidden;
    /* Contain the particles */
    z-index: 3;
    /* Above general content but below ticker */
    margin-top: -40px !important;
    /* Lift the entire hero section higher */
}

/* Adjust particle positioning to be relative to hero section */
#main-background-particles,
#main-background-particles-2 {
    position: absolute !important;
    /* Override fixed positioning */
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 1 !important;
    /* Behind hero content */
}

/* Ensure hero container content is above particles */
#hero-container {
    position: relative;
    z-index: 10;
    /* Above particles */
}

/* Adjustments for hero logo: remove glow and increase size */
#hero .pinche-hero-logo {
    filter: none !important;
    /* Remove any glow/filter effects */
    -webkit-filter: none !important;
    /* For Safari compatibility */
    width: 630px !important;
    /* Original 600px + 5% */
    height: 630px !important;
    /* Original 600px + 5% */
    object-fit: contain !important;
    animation: pinche-logo-float-enhanced 3s ease-in-out infinite !important;
    /* Restore original animation */
}

/* Enhanced float animation without glow effect */
@keyframes pinche-logo-float-enhanced {

    0%,
    100% {
        transform: translateY(-38px) scale(1.05) !important;
        /* 5% larger */
    }

    50% {
        transform: translateY(-28px) scale(1.07) !important;
        /* 5% larger with slight additional scale */
    }
}

/* Adjust logo container spacing */
#hero .pinche-hero-logo-container {
    margin-bottom: -25px !important;
    /* Reduce negative margin to create space */
}

/* Move text container higher */
.pinche-hero-text-container {
    margin-top: 15px !important;
    /* Move text higher toward logo */
}

/* Magic Loop Section - Increase all elements by 30% */
.magic-loop-section .section-subtitle {
    font-size: calc(1.2rem * 1.3) !important;
    /* 30% larger */
}

.magic-loop-section .process-step {
    transform: scale(1.3);
    transform-origin: center;
    margin: 2.6rem 0;
    /* 30% more than default */
}

.magic-loop-section .step-number {
    font-size: calc(2rem * 1.3) !important;
    /* 30% larger */
}

.magic-loop-section .step-icon {
    font-size: calc(3rem * 1.3) !important;
    /* 30% larger */
}

/* CRITICAL VISIBILITY FIXES */
/* Ensure all content sections are above the background and visible */
section,
.tokens-section,
.pinche-token-section,
.features-grid,
.economy-section,
.magic-loop-section,
.chucho-meme-section,
.contact-section,
.community-section {
    position: relative !important;
    z-index: 5 !important;
    /* Above terminal bg (1) and particles */
    /* Ensure they are not collapsed */
    min-height: 100px;
}

/* Ensure body allows scrolling */
body,
html {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    height: auto !important;
}

/* Fix for AOS issues - ensure content is visible if AOS fails */
[data-aos] {
    pointer-events: auto !important;
}