/* IMMEDIATE FIX - Stop search bar from overlapping Micromart logo */

/* Hide the background Micromart text that's being overlapped */
.hero-section {
    position: relative;
    overflow: hidden;
}

/* Hide any text that says Micromart in the background */
.hero-bg-text,
.hero-section > div:not(.container) {
    display: none !important;
}

/* Move the entire hero content down */
.hero-content {
    padding-top: 120px !important;
    position: relative;
    z-index: 100;
}

/* Ensure search box doesn't overlap anything */
.hero-search-wrapper,
.hero-search {
    position: relative;
    z-index: 50;
    margin-top: 40px !important;
}

/* If there's a background logo image, move it or hide it */
.hero-section img[alt*="Micromart"],
.hero-section .logo-bg {
    opacity: 0.05 !important;
    z-index: 1 !important;
}

/* Alternative: completely redesign hero layout */
@media screen {
    .hero-section .container {
        min-height: 500px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: relative;
        z-index: 10;
    }
    
    /* Push everything in hero down */
    .hero-title {
        margin-top: 80px !important;
    }
}

/* Nuclear option - hide overlapping elements */
.hero-section::before,
.hero-section::after {
    display: none !important;
}